{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,OCnFF,mBACE,8BACA,+BAIA,kCACA,sBAEA,6BAGA,yCACA,oCACA,mCACA,qBACA,uBAGA,sCAGA,wCACA,sDACA,mCAGA,4CACA,2CACA,oCAGA,qCACA,2BACA,mEAGA,oEAEA,kEAEA,kCAIA,iCACA,6BAGA,kCACA,gCACA,+BACA,gCAGA,kCACA,gCACA,0BAGA,2BACA,0BACA,iDAEA,qBACA,kBACA,YChCF,iBACE,4KACA,kCAIA,yCAQA,0CACA,qFAEA,kEACA,0DAEA,4FAEA,8GAEA,oCAIA,gCAGF,CAPE,kCAOF,CAGE,KCqFA,2CDxEA,CAJA,uBC4EA,CDlFF,iBAKA,iBACE,CATA,iBAGF,CAHE,WAaA,mDAIF,6IAIA,6SC+CE,qTDvBA,8DAGF,aAiBE,qBAGF,mBACE,CAGF,0DAKE,uBAKA,CALA,yBAKA,2DAEE,uBAGF,CAHE,0BAGF,oQAEE,sDCyBF,yCACA,sCAEA,oCACA,kCACA,CAIA,kCAEA,kCACA,CAKA,0BACA,CAVA,aACA,CAGA,oBACA,CDtCE,kBCsCF,iBACA,CARA,oBADA,eACA,CAEA,cAYA,4BAPA,kBAPA,mBACA,CAWA,wBACA,iBACA,CANA,qBAMA,aDvBF,6CACE,CAEA,kCAEA,yCAEA,CALA,qBACA,CAIA,wBCiBA,4BAEA,mBD1BF,C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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_variables.scss","webpack:///./css/_main.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./css/_cp.scss","webpack:///./css/_preview.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/_debug_toolbar.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050: hsl(212, 60%, 97%);--gray-100: hsl(212, 50%, 93%);--gray-200: hsl(212, 30%, 85%);--gray-300: hsl(211, 13%, 65%);--gray-350: hsl(211, 11%, 59%);--gray-400: hsl(210, 10%, 53%);--gray-500: hsl(211, 12%, 43%);--gray-550: hsl(210, 13%, 40%);--gray-600: hsl(209, 14%, 37%);--gray-700: hsl(209, 18%, 30%);--gray-800: hsl(209, 20%, 25%);--gray-900: hsl(210, 24%, 16%);--gray-1000: hsl(210, 24%, 10%);--blue-050: #e3f8ff;--blue-100: #b3ecff;--blue-200: #81defd;--blue-300: #5ed0fa;--blue-400: #40c3f7;--blue-500: #2bb0ed;--blue-600: #1992d4;--blue-700: #127fbf;--blue-800: #0b69a3;--blue-900: #035388;--cyan-050: #e0fcff;--cyan-100: #bef8fd;--cyan-200: #87eaf2;--cyan-300: #54d1db;--cyan-400: #38bec9;--cyan-500: #2cb1bc;--cyan-600: #14919b;--cyan-700: #0e7c86;--cyan-800: #0a6c74;--cyan-900: #044e54;--pink-050: #ffe3ec;--pink-100: #ffb8d2;--pink-200: #ff8cba;--pink-300: #f364a2;--pink-400: #e8368f;--pink-500: #da127d;--pink-600: #bc0a6f;--pink-700: #a30664;--pink-800: #870557;--pink-900: #620042;--red-050: #ffe3e3;--red-100: #ffbdbd;--red-200: #ff9b9b;--red-300: #f86a6a;--red-400: #ef4e4e;--red-500: #e12d39;--red-600: #cf1124;--red-700: #ab091e;--red-800: #8a041a;--red-900: #610316;--yellow-050: #fffbea;--yellow-100: #fff3c4;--yellow-200: #fce588;--yellow-300: #fadb5f;--yellow-400: #f7c948;--yellow-500: #f0b429;--yellow-600: #de911d;--yellow-700: #cb6e17;--yellow-800: #b44d12;--yellow-900: #8d2b0b;--teal-050: #effcf6;--teal-100: #c6f7e2;--teal-200: #8eedc7;--teal-300: #65d6ad;--teal-400: #3ebd93;--teal-500: #27ab83;--teal-550: #20a07b;--teal-600: #199473;--teal-700: #147d64;--teal-800: #0c6b58;--teal-900: #014d40}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-500);--secondary-color: var(--gray-500);--input-color: hsl(212, 25%, 50%);--text-color: var(--gray-700);--medium-dark-text-color: var(--gray-550);--medium-text-color: var(--gray-550);--light-text-color: var(--gray-500);--link-color: #2563eb;--font-weight-bold: 700;--menu-option-color: var(--text-color);--menu-option-active-color: var(--white);--menu-option-active-background-color: var(--gray-350);--hairline-color: rgba(51, 64, 77, 0.1);--medium-hairline-color: rgba(81, 95, 108, 0.25);--dark-hairline-color: rgba(123, 135, 147, 0.5);--light-focus-color: var(--blue-300);--medium-focus-color: var(--blue-500);--dark-focus-color: #0f74b1;--light-focus-ring: 0 0 0 1px #5ed0fa, 0 0 0 3px rgba(94, 208, 250, 0.7);--medium-focus-ring: 0 0 0 1px #2bb0ed, 0 0 0 3px rgba(43, 176, 237, 0.7);--dark-focus-ring: 0 0 0 1px #0f74b1, 0 0 0 3px rgba(15, 116, 177, 0.7);--light-sel-color: var(--gray-200);--dark-sel-color: var(--gray-600);--error-color: var(--red-600);--warning-color: var(--yellow-800);--success-color: var(--teal-700);--notice-color: var(--blue-800);--enabled-color: var(--teal-550);--pending-color: var(--yellow-700);--disabled-color: var(--red-600);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius);--checkbox-size: 16px;--radio-size: 16px}@font-face{font-family:\"Craft\";src:url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--icon-opacity: 0.8;--light-focus-hsl: 196.1538461538deg, 93.9759036145%, 67.4509803922%;--medium-focus-hsl: 198.8659793814deg, 84.347826087%, 54.9019607843%;--dark-focus-hsl: 202.5925925926deg, 84.375%, 37.6470588235%;--focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)), 0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);--inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)), inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);--touch-target-size: 24px}body,html{box-shadow:var(--light-focus-ring);background-color:var(--gray-100)}html.noscroll,html.noscroll body{overflow:hidden}body{width:100vw;overflow-x:hidden;font-size:0.875rem;line-height:1.42;color:var(--text-color);-webkit-font-smoothing:subpixel-antialiased}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.first,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,blockquote:first-child,hr:first-child,.pane:first-child,.grid:first-child,fieldset:first-child,.field:first-child,.toolbar:first-child,.buttons:first-child,.condition-container:first-child{margin-top:0 !important}.last,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,blockquote:last-child,.pane:last-child,.grid:last-child,.meta:last-child,fieldset:last-child,.field:last-child,.toolbar:last-child,.buttons:last-child,.condition-container:last-child{margin-bottom:0 !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:left !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:right !important;direction:rtl !important}.icon:before,.menu ul.padded li a.sel:before,.menu .flex.padded.sel:before,.texticon:before,.element:before,#help:before,.secure:before,.insecure:before,.go:after,.required:after,.preview-btn:before,.view-btn:before,[data-icon]:before,[data-icon-after]:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;box-sizing:border-box;border:1px solid var(--yellow-500);border-radius:var(--small-border-radius);color:var(--yellow-500);font-size:9px}.secure:before,.insecure:before{margin-top:-3px;font-size:14px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon=list]:before,body.rtl [data-icon-after=list]:after{content:\"listrtl\"}body.rtl [data-icon=structure]:before,body.rtl [data-icon-after=structure]:after{content:\"structurertl\"}.icon.secure:before{content:\"secure\"}.icon.insecure:before{content:\"insecure\"}.icon.add:before{content:\"plus\"}.icon.edit:before{content:\"edit\"}.icon.settings:before{content:\"settings\"}.icon.search:before{content:\"search\"}.icon.expand:before{content:\"expand\"}.icon.collapse:before{content:\"collapse\"}.help:before{content:\"help\";color:var(--pink-400)}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{margin-top:-2px;content:\"view\"}body.ltr .view-btn:before{content:\"share\"}body.rtl .view-btn:before{content:\"shareleft\"}h1,.h1{margin-bottom:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin:14px 0;font-size:16px;font-weight:bold;line-height:20px}h3,.h3{margin:14px 0;font-weight:bold;line-height:1.2}h4,.h4{margin:14px 0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin:14px 0 3px;line-height:1.2;color:var(--medium-text-color)}h6,.h6{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase}body.ltr h1[data-icon]:before{margin:-8px 10px 0 0}body.rtl h1[data-icon]:before{margin:-8px 0 0 10px}h2[data-icon]:before{font-size:19px}body.ltr h2[data-icon]:before{margin:-4px 6px 0 0}body.rtl h2[data-icon]:before{margin:-4px 0 0 6px}hr{margin:24px 0;border:none;border-top:1px solid var(--hairline-color);height:0;color:rgba(0,0,0,0)}.pane hr{margin:24px -24px}p{margin:1em 0}h5+p{margin-top:0}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}body.ltr .indent{margin-left:14px}body.rtl .indent{margin-right:14px}.bullets{list-style-type:square}body.ltr .bullets{padding-left:40px}body.rtl .bullets{padding-right:40px}ol{list-style-type:decimal}body.ltr ol{padding-left:40px}body.rtl ol{padding-right:40px}code,.code,.code input,.code textarea{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext,.code input.smalltext,.code textarea.smalltext{font-size:.8em !important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}body.underline-links a{text-decoration:underline}a:hover{text-decoration:underline}a.sel,li.sel a{cursor:default !important;text-decoration:none}.go:after{font-size:11px;margin-top:-1px;color:var(--link-color);opacity:.9}body.ltr .go:after{padding-left:4px}body.rtl .go:after{padding-right:4px}body.ltr .go:after{content:\"circlerarr\"}body.rtl .go:after{content:\"circlelarr\"}button{cursor:pointer}.context-btn.disabled{opacity:1;color:var(--medium-dark-text-color);background-color:rgba(205,216,228,.5) !important}.checkmark-icon,.alert-icon{padding:5px;margin-bottom:0 !important;line-height:10px;border-radius:20px;cursor:pointer}.checkmark-icon:before,.alert-icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity)}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon:before{content:\"check\";color:var(--success-color)}.alert-icon{background-color:var(--gray-200)}.alert-icon:before{content:\"alert\";color:var(--error-color)}.menu.revision-menu{padding:10px 24px}.menu.revision-menu hr{margin:10px -24px}.menu.revision-menu ul li.sel{margin:0 -14px;padding:0 14px;background:var(--gray-050);border-radius:var(--large-border-radius)}.menu.revision-menu ul li.sel .edited-desc{display:flex;align-items:center;border-top:1px solid var(--hairline-color);padding:10px 0;color:var(--light-text-color);white-space:normal}body.ltr .menu.revision-menu ul li.sel .edited-desc{margin-left:10px}body.rtl .menu.revision-menu ul li.sel .edited-desc{margin-right:10px}.menu.revision-menu ul li.sel .edited-desc p{margin:0}body.ltr .menu.revision-menu ul li.sel .edited-desc .btn{margin-left:14px}body.rtl .menu.revision-menu ul li.sel .edited-desc .btn{margin-right:14px}.menu.revision-menu ul li a{padding-top:7px;border-radius:var(--large-border-radius)}.menu.revision-menu .extralight{margin-top:2px}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--medium-border-radius);border:1px solid var(--hairline-color);color:var(--light-text-color);background-color:var(--gray-050);padding:7px 14px}.draft-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--blue-800)}#content-notice .draft-notice{display:inline-flex;justify-content:flex-start}body.ltr .so-notice>.draft-notice{margin:calc(var(--s)*-1) 0 calc(var(--s)*-1) calc(var(--xl)*-1)}body.rtl .so-notice>.draft-notice{margin:calc(var(--s)*-1) calc(var(--xl)*-1) calc(var(--s)*-1) 0}body.ltr .so-notice>.draft-notice{padding:var(--s) 0 var(--s) var(--xl)}body.rtl .so-notice>.draft-notice{padding:var(--s) var(--xl) var(--s) 0}body.ltr .so-notice>.draft-notice{border-bottom-left-radius:var(--large-border-radius)}body.rtl .so-notice>.draft-notice{border-bottom-right-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:linear-gradient(to bottom right, rgba(25, 146, 212, 0.2), rgba(25, 146, 212, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(25, 146, 212, 0.2), rgba(25, 146, 212, 0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid rgba(11,105,163,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.draft-notice .draft-icon:before{position:relative;left:1px;color:var(--blue-800) !important;font-size:18px}.draft-notice .draft-icon:after{content:\"\";font-size:0;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(3,83,136,.2)}.draft-notice .discard-changes-btn{background-color:rgba(0,0,0,0) !important;color:var(--blue-800) !important;border:2px solid var(--blue-600)}body.ltr .draft-notice .discard-changes-btn{margin-left:var(--xs)}body.rtl .draft-notice .discard-changes-btn{margin-right:var(--xs)}.draft-notice .discard-changes-btn:hover,.draft-notice .discard-changes-btn:focus{border-color:#1682bd}.draft-notice .discard-changes-btn:active{border-color:#1473a6}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transition:transform linear 100ms}body.ltr .toggle:before,body.ltr a.fieldtoggle:before{transform:rotate(-45deg)}body.rtl .toggle:before,body.rtl a.fieldtoggle:before{transform:rotate(135deg)}.toggle.expanded:before,a.fieldtoggle.expanded:before,.sidebar nav li.expanded>.toggle:before,.structure li:not(.collapsed)>.row>.toggle:before{transform:rotate(45deg) !important}a.fieldtoggle{display:block;position:relative;margin:14px 0;color:var(--text-color);text-decoration:none}body.ltr a.fieldtoggle{padding-left:12px}body.rtl a.fieldtoggle{padding-right:12px}a.fieldtoggle:before{display:block;position:absolute;top:7px}body.ltr a.fieldtoggle:before{left:-1px}body.rtl a.fieldtoggle:before{right:-1px}em,i{font-style:italic}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable h2,.readable h3,.readable h4,.readable h5,.readable h6{margin:24px 0 16px;font-weight:600}.readable h1{font-size:32px;line-height:40px;color:#000}.readable h2{font-size:24px;line-height:30px}.readable h3{font-size:20px;line-height:24px}.readable h4{font-size:16px;line-height:20px}.readable h5{font-size:14px;line-height:18px}.readable h6{font-size:13.6px;line-height:17px;color:#596673}.readable ul,.readable ol{margin:1em 0}body.ltr .readable ul,body.ltr .readable ol{padding-left:2em}body.rtl .readable ul,body.rtl .readable ol{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){padding:0 16px;color:#596673}body.ltr .readable blockquote:not(.note){border-left:4px solid rgba(51,64,77,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid rgba(51,64,77,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;border:1px solid}body.ltr .readable blockquote.note{padding-left:56px}body.rtl .readable blockquote.note{padding-right:56px}.readable blockquote.note:not(.tip):not(.warning){border-color:#cf1124;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#cf1124}.readable blockquote.note.tip{border-color:#2563eb;color:#596673}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#2563eb}.readable blockquote.note.warning{border-color:#b44d12;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#b44d12}.readable blockquote.note:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);position:absolute;top:12px;font-size:30px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center !important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color) !important;font-weight:normal}.extralight{color:var(--light-text-color) !important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{padding:100px 0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding:24px 0;font-size:16px}input.checkbox+label.smalltext{padding-top:2px}.required:after{content:\"asterisk\";font-size:7px;color:var(--error-color)}body.ltr .required:after{margin:-2px 0 0 5px}body.rtl .required:after{margin:-2px 5px 0 0}.scrollpane{overflow:auto}body.ltr .left{float:left}body.rtl .left{float:right}body.ltr .right{float:right}body.rtl .right{float:left}th,td{vertical-align:middle}body.ltr th,body.ltr td{text-align:left}body.rtl th,body.rtl td{text-align:right}body.ltr table[dir=rtl] th,body.ltr table[dir=rtl] td{text-align:right}body.rtl table[dir=ltr] th,body.rtl table[dir=ltr] td{text-align:left}th.right,td.right{float:none}body.ltr th.right,body.ltr td.right{text-align:right}body.rtl th.right,body.rtl td.right{text-align:left}.clear{display:block;clear:both;height:0}.fullwidth{width:100%}.token{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6}.token[data-name=\"*\"]{position:relative;width:10px}.token[data-name=\"*\"] span{opacity:0}.token[data-name=\"*\"]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);display:block;position:absolute;top:0;left:0;width:100%;font-size:9px;line-height:17px;content:\"asterisk\";text-indent:0}.token:focus{background-color:#cdd8e4}.highlight .token{display:inline;border:none;border-radius:0;padding:0;font-size:inherit;line-height:inherit;text-shadow:none;background:rgba(0,0,0,0);box-shadow:none}.pane.highlight pre[class*=language-]{overflow:visible}.pane.highlight pre[class*=language-]>code.diff-highlight .token:not(.prefix){margin:0 -24px;padding:0 24px}.success{color:var(--success-color) !important}.notice.with-icon:before,.notice .icon:before,.warning.with-icon:before,.warning .icon:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);width:1em}body.ltr .notice.with-icon:before,body.ltr .notice .icon:before,body.ltr .warning.with-icon:before,body.ltr .warning .icon:before{margin:-2px 2px 0 0}body.rtl .notice.with-icon:before,body.rtl .notice .icon:before,body.rtl .warning.with-icon:before,body.rtl .warning .icon:before{margin:-2px 0 0 2px}.notice.has-icon,.warning.has-icon{display:flex;flex-wrap:nowrap;align-items:flex-start}.notice.has-icon .icon,.warning.has-icon .icon{flex-shrink:1}.notice{color:var(--notice-color) !important}.notice a{text-decoration:underline}.notice.with-icon:before,.notice .icon:before{content:\"lightbulb\"}.warning{color:var(--warning-color) !important}.warning.with-icon:before,.warning .icon:before{content:\"alert\"}.error{color:var(--error-color) !important}.icon.move{display:inline-block}.icon.move:not(.disabled){cursor:move}.icon.move:before{content:\"move\";color:var(--ui-control-color)}.icon.move:not(.disabled):hover:before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete:before{content:\"remove\";color:var(--ui-control-color)}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover:before{color:var(--disabled-color)}.icon.delete:not(.disabled):active:before{color:var(--red-800)}.hidden{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.invisible{visibility:hidden}.clearafter:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.info{vertical-align:bottom;display:inline-block;width:1em;height:1.375em;text-align:center;cursor:pointer;overflow:hidden}.info:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);vertical-align:baseline;width:100%;line-height:1.375;color:var(--ui-control-color)}.info:not(.warning):before{content:\"info\"}.info:not(.warning):hover:before{color:var(--link-color)}.info.warning:before{content:\"alert\"}.info.warning:hover:before{color:var(--warning-color)}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(max-width: 450px){.info-hud table{table-layout:fixed;width:100%}}.content{position:relative}.content:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.sidebar .customize-sources{display:block;margin:14px -24px 4px;color:var(--light-text-color) !important;transition:color linear 100ms;cursor:pointer}body.ltr .sidebar .customize-sources{padding:7px 14px 7px 24px}body.rtl .sidebar .customize-sources{padding:7px 24px 7px 14px}.sidebar .customize-sources .icon{color:currentColor}body.ltr .sidebar .customize-sources .icon{margin-right:4px}body.rtl .sidebar .customize-sources .icon{margin-left:4px}.sidebar .customize-sources .label{opacity:0;transition:opacity linear 100ms}.sidebar .customize-sources:hover,.sidebar .customize-sources:focus{color:var(--medium-text-color) !important;text-decoration:none}.sidebar .customize-sources:hover .label,.sidebar .customize-sources:focus .label{opacity:1}.sidebar .customize-sources:hover{color:var(--link-color)}.customize-sources-modal{overflow:visible !important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{position:absolute;top:0;margin:0;padding:10px 0;border:none;width:200px;height:calc(100% - 50px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color)}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 50px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;bottom:0;left:0;width:100%}.customize-sources-item{display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;padding:8px 14px;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;user-select:none;cursor:default}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{background-color:var(--gray-200);z-index:1}.customize-sources-item .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}body.ltr .customize-sources-item .move{margin-left:7px}body.rtl .customize-sources-item .move{margin-right:7px}body.ltr .customize-sources-table-column .move{margin-right:10px}body.rtl .customize-sources-table-column .move{margin-left:10px}ul.path{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{transform:rotate(135deg)}ul.icons{margin-top:20px;display:flex;flex-wrap:wrap}ul.icons li{margin:0 4px 10px 0}ul.icons li a{display:block;position:relative;padding:60px 5px 10px;width:110px;text-align:center;color:var(--text-color);border-radius:4px;border:1px solid var(--white)}ul.icons li a:before{display:block;position:absolute;top:0;left:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon img,ul.icons li a .icon svg{width:40px;height:40px;position:absolute;top:12px;left:calc(50% - 20px)}ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0;transition:fill linear 100ms}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;transition:fill linear 100ms}@media only screen and (max-width: 380px){ul.icons li a{width:96px}}@media only screen and (max-width: 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-bottom:14px;min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important;box-shadow:none !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex;align-items:center;align-content:stretch;gap:var(--s)}.gap-xs{gap:var(--xs)}.gap-s{gap:var(--s)}.gap-m{gap:var(--m)}.gap-l{gap:var(--l)}.gap-xl{gap:var(--xl)}.flex-grow{flex:1}.flex-justify{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.flex-center{align-items:center}.flex-stretch{align-items:stretch}.spacer{width:14px}.buttons{display:flex;gap:7px;position:relative;margin:24px 0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--large-border-radius);padding:7px 14px;border:none;text-align:center;white-space:nowrap;user-select:none;cursor:pointer;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:rgba(96,125,159,.25)}.btn.chromeless{background-color:rgba(0,0,0,0);height:auto;padding:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless:focus{background-color:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active{text-decoration:underline}.btn:not(.disabled):not(.loading):not(.dashed):focus,.btn:not(.disabled):not(.loading):not(.dashed).focus,.btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:rgba(96,125,159,.3)}.btn:not(.disabled):not(.loading):not(.dashed):active,.btn:not(.disabled):not(.loading):not(.dashed).active{background-color:rgba(96,125,159,.5)}.btn:not(.disabled):not(.loading):not(.dashed):active:focus,.btn:not(.disabled):not(.loading):not(.dashed):active.focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed):active,.btn:not(.disabled):not(.loading):not(.dashed).active:focus,.btn:not(.disabled):not(.loading):not(.dashed).active.focus,.btngroup:focus .btn:not(.disabled):not(.loading):not(.dashed).active{background-color:rgba(96,125,159,.6)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}body.ltr .btn[data-icon]:not(:empty):not(.btn-empty):before,body.ltr .btn.icon:not(:empty):not(.btn-empty):before,body.ltr .btn.menubtn[data-icon]:empty:before,body.ltr .btn.menubtn[data-icon].btn-empty:before,body.ltr .btn.menubtn.icon:empty:before,body.ltr .btn.menubtn.icon.btn-empty:before{margin-right:5px}body.rtl .btn[data-icon]:not(:empty):not(.btn-empty):before,body.rtl .btn.icon:not(:empty):not(.btn-empty):before,body.rtl .btn.menubtn[data-icon]:empty:before,body.rtl .btn.menubtn[data-icon].btn-empty:before,body.rtl .btn.menubtn.icon:empty:before,body.rtl .btn.menubtn.icon.btn-empty:before{margin-left:5px}.btn:not(.loading) .spinner{display:none}.btn.loading:before,.btn.loading:after,.btn.loading .label{visibility:hidden}.btn div.checkbox{margin-top:2px}.disabled{opacity:.25}.disabled,.disabled .btn{cursor:default}.btn,.spinner{height:34px}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(:empty):not(.btn-empty):after,body.ltr .menubtn.icon:after{margin-left:6px}body.rtl .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.rtl .menu-toggle:not(:empty):not(.btn-empty):after,body.rtl .menubtn:not(:empty):not(.btn-empty):after,body.rtl .menubtn.icon:after{margin-right:6px}.btn[data-icon]:before,.btn[data-icon-after]:after,.btn.icon:before{position:relative}.btn.small[data-icon]:before,.btn.small[data-icon-after]:after,.btn.icon.small:before{font-size:10px}.btngroup{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}.btngroup.fullwidth .btn{flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-left-radius:0;border-bottom-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-left-radius:0;border-bottom-left-radius:0}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}body.ltr .copytext .text{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}body.ltr .copytext .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .text{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .btn{border-top-right-radius:0;border-bottom-right-radius:0}.copytextbtn{display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);padding:0 9px;cursor:pointer;color:var(--medium-text-color)}.copytextbtn input{border:0;padding:0;height:32px;box-shadow:none;background-color:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--medium-text-color);text-align:center}.copytextbtn span{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn span{margin-left:5px}body.rtl .copytextbtn span{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover input,.copytextbtn:focus input{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small input{font-size:11px !important;height:20px}.menu-toggle,.menubtn{display:inline-flex;align-items:center;user-select:none}.menu-toggle:after,.menubtn:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.menu-toggle.btn:after,.menubtn.btn:after{top:-1px}.menu-toggle.btn:not(.disabled):not(.inactive):active:after,.menu-toggle.btn:not(.disabled):not(.inactive).active:after,.menubtn.btn:not(.disabled):not(.inactive):active:after,.menubtn.btn:not(.disabled):not(.inactive).active:after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit:after,.menubtn.btn.submit:after{border-color:var(--white) !important;opacity:.8}.menu-toggle.btn.submit:not(.disabled):not(.inactive):hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).hover:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive):active:after,.menu-toggle.btn.submit:not(.disabled):not(.inactive).active:after,.menubtn.btn.submit:not(.disabled):not(.inactive):hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive).hover:after,.menubtn.btn.submit:not(.disabled):not(.inactive):active:after,.menubtn.btn.submit:not(.disabled):not(.inactive).active:after{opacity:1}.menu-toggle:not(.btn):not(.icon),.menubtn:not(.btn):not(.icon){height:17px}.menu-toggle:not(.btn):not(.icon):after,.menubtn:not(.btn):not(.icon):after{top:-2px;border-color:var(--link-color)}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-left:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-right:8px}body.ltr .menu-toggle:empty,body.ltr .menu-toggle.btn-empty,body.ltr .menubtn:empty,body.ltr .menubtn.btn-empty{padding-right:8px}body.rtl .menu-toggle:empty,body.rtl .menu-toggle.btn-empty,body.rtl .menubtn:empty,body.rtl .menubtn.btn-empty{padding-left:8px}@keyframes rotator{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{display:inline-flex;align-items:center;justify-content:center;width:var(--size, 24px);height:var(--size, 34px)}.spinner:before{display:block;content:\"\";font-size:0;animation:rotator .7s linear infinite;box-sizing:border-box;width:var(--size, 20px);height:var(--size, 20px);object-fit:scale-down;border-radius:50%;border:2px solid rgba(0,0,0,0);border-right-color:currentColor;border-bottom-color:currentColor;opacity:.8}.spinner.small{--size: 12px}.spinner.big{--size: 48px}.spinner.spinner-absolute{position:absolute;width:var(--size, 20px);height:var(--size, 20px);top:calc(50% - var(--size, 20px)/2);left:calc(50% - var(--size, 20px)/2)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding:0 7px !important;font-size:12px;line-height:22px}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{height:22px}.btngroup.big .btn,.btn.big{padding:0 14px;font-size:14px;line-height:36px}body.ltr .btn.big[data-icon]:before,body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-left:-2px}body.rtl .btn.big[data-icon]:before,body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-right:-2px}.btngroup.big,.btngroup.big input.btn,.btn.big,.btn.big+.spinner{height:36px}.btn.submit,.btn.secondary{color:var(--white) !important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.btn.submit{background-color:var(--primary-color) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus{background-color:#d61f2b !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active{background-color:#c01b26 !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:#ffcaca !important}.btn.caution:active,.btn.caution.active{background-color:var(--red-100) !important}.secondary-buttons .btn.submit,.btn.secondary{background-color:var(--secondary-color) !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus{background-color:#55616d !important}.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading):active,.secondary-buttons .btn.submit:not(.disabled):not(.inactive):not(.loading).active,.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,.btn.secondary:not(.disabled):not(.inactive):not(.loading).active{background-color:#4a545e !important}div.btn.submit{position:relative;overflow:hidden}div.btn.submit input{position:absolute;left:100%}.btn.dashed{border:1px dashed var(--medium-hairline-color);background-color:rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-right:1px solid rgba(0,0,0,0)}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){border-left:1px solid rgba(0,0,0,0)}body.ltr .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-right:-1px}body.rtl .btngroup .btn.dashed:not(:last-child):not(.btngroup-btn-last){margin-left:-1px}.btn.dashed:focus{background-color:rgba(205,216,228,.1);border-color:rgba(0,0,0,0)}.reduce-focus-visibility .btn.dashed:focus:not(.focus-visible){border:1px dashed var(--medium-hairline-color)}.btn.dashed:not(.disabled):active,.btn.dashed:not(.disabled).active{background-color:rgba(205,216,228,.25)}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;top:0;width:1em;line-height:34px;text-align:center;user-select:none}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.color.small{width:16px;height:16px;background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color .color-preview{position:absolute;top:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{display:inline-block;margin-left:5px;vertical-align:middle;color:var(--medium-text-color)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;align-items:center}.lightswitch-outer-container .lightswitch-inner-container span{padding:7px 0;color:var(--medium-text-color);cursor:default}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-right:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{padding-left:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-left:10px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{padding-right:10px}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}.lightswitch{display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-400), var(--gray-400));transition:background-image linear 100ms}.lightswitch.on{background-image:linear-gradient(to right, var(--enabled-color), var(--enabled-color))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--enabled-color), var(--gray-300))}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;top:1px;background-color:var(--white)}.lightswitch:not(.small){border-radius:11px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;width:20px;height:20px;left:calc(50% - 10px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:16px;height:16px;left:calc(50% - 8px)}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--medium-border-radius)}.pagination .page-link:after{position:relative;transition:border-color linear 100ms}.pagination .page-link.prev-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.prev-page:after{transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page:after{transform:rotate(-45deg)}body.ltr .pagination .page-link.prev-page:after{right:-1px}body.rtl .pagination .page-link.prev-page:after{left:-1px}.pagination .page-link.next-page:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .pagination .page-link.next-page:after{transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page:after{transform:rotate(135deg)}body.ltr .pagination .page-link.next-page:after{left:-1px}body.rtl .pagination .page-link.next-page:after{right:-1px}.pagination .page-link:not(.disabled){transition:box-shadow linear 100ms;box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer}.pagination .page-link:not(.disabled):hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--link-color)}.pagination .page-link:not(.disabled):hover:after{border-color:var(--link-color)}.pagination .page-link:not(.disabled).focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.rtl .actions{float:left}body.ltr .actions>li{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:-24px -24px -12px;overflow-x:auto}body.ltr .tablepane table.data th:first-child,body.ltr .tablepane table.data td:first-child{padding-left:24px}body.rtl .tablepane table.data th:first-child,body.rtl .tablepane table.data td:first-child{padding-right:24px}body.ltr .tablepane table.data th:last-child,body.ltr .tablepane table.data td:last-child{padding-right:24px}body.rtl .tablepane table.data th:last-child,body.rtl .tablepane table.data td:last-child{padding-left:24px}table.fixed-layout{table-layout:fixed}table th.thin,table td.thin{width:.01% !important;white-space:nowrap}table thead th{font-weight:bold;vertical-align:top}body.ltr table thead th{text-align:left}body.rtl table thead th{text-align:right}table:not(.data) th,table:not(.data) td{padding-top:7px;padding-bottom:7px}table:not(.data) th:not(:first-child),table:not(.data) td:not(:first-child){padding-left:12px}table:not(.data) th:not(:last-child),table:not(.data) td:not(:last-child){padding-right:12px}table.data th,table.data td{position:relative;padding-left:12px;padding-right:12px;box-sizing:border-box}table.data th.checkbox-cell,table.data td.checkbox-cell{width:var(--checkbox-size) !important;min-width:var(--checkbox-size);box-sizing:content-box;position:relative}table.data th.checkbox-cell input.checkbox+label,table.data th.checkbox-cell div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data td.checkbox-cell div.checkbox{position:absolute;top:calc(50% - 8px)}table.data th{font-weight:bold}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-top-left-radius:var(--large-border-radius)}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-top-right-radius:var(--large-border-radius)}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-top-right-radius:var(--large-border-radius)}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-top-left-radius:var(--large-border-radius)}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-top:15px;padding-bottom:15px}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding-left:0;padding-right:0}table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(225deg);position:absolute;top:calc(50% - 3px)}body.ltr table.data thead th.orderable.ordered:not(.loading) button:after{right:10px}body.rtl table.data thead th.orderable.ordered:not(.loading) button:after{left:10px}table.data thead th.orderable.ordered:not(.loading).desc button:after{transform:rotate(45deg)}table.data thead th.orderable button{position:relative;font:inherit;width:100%;padding:14px}body.ltr table.data thead th.orderable button{padding-right:26px}body.rtl table.data thead th.orderable button{padding-left:26px}body.ltr table.data thead th.orderable button{text-align:left}body.rtl table.data thead th.orderable button{text-align:right}table.data thead th.orderable button:focus{z-index:1}table.data thead th:not(.loading) .spinner{display:none}table.data thead th .spinner{position:absolute;top:calc(50% - 6px);--size: 12px}body.ltr table.data thead th .spinner{right:8px}body.rtl table.data thead th .spinner{left:8px}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--gray-050)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td{background-color:var(--light-sel-color)}table.data tbody th,table.data tbody td{padding-top:7px;padding-bottom:7px;background-clip:padding-box}table.data tbody td.timestamp{vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-top:1px solid rgba(0,0,0,0)}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody tr,table.collapsed tbody th,table.collapsed tbody td{display:block;border:none;padding:0;width:auto !important;white-space:normal}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody tr,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody td{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody tr,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody td{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{padding:6px 0;border-bottom:1px dotted var(--hairline-color)}table.collapsed tbody tr:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}table.collapsed tbody th,table.collapsed tbody td{padding:2px 0 !important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{margin-right:5px;content:attr(data-title) \":\";font-weight:bold}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper,.thumbviewhelper{background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.datatablesorthelper,.datatablesorthelper .element,.datatablesorthelper a{cursor:move !important}.datatablesorthelper tr:first-child th,.datatablesorthelper tr:first-child td{border-top:none !important}.datatablesorthelper tr:last-child th,.datatablesorthelper tr:last-child td{border-bottom:none !important}.element{position:relative;cursor:default;user-select:none;font-weight:normal;border-radius:var(--small-border-radius)}.element:focus,li:focus .element{background-color:var(--gray-050)}.element.sel,li.sel .element{background-color:var(--light-sel-color) !important;cursor:default}.element.sel:focus,li.sel .element:focus{background-color:#bdcbdb !important}.element.sel.hasthumb .elementthumb img,li.sel .element.hasthumb .elementthumb img{box-shadow:0 0 0 1px rgba(81,95,108,.1),0 6px 4px -4px rgba(81,95,108,.2)}.element.hasthumb .elementthumb:not(:empty){position:absolute;display:flex;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center}.element.hasthumb .elementthumb:not(:empty) img{display:block;flex-shrink:0;pointer-events:none;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.element.hasthumb .elementthumb:not(:empty).rounded img{border-radius:50%}.element.hasthumb .elementthumb.open-preview{cursor:pointer}.element .label{display:inline-block}.element .label .draft-label{display:inline-block;padding:1px 5px;font-weight:normal;text-decoration:none !important;color:var(--medium-text-color);background:var(--gray-100);border-radius:var(--large-border-radius)}body.ltr .element .label .draft-label{margin:-1px 0 -1px 7px}body.rtl .element .label .draft-label{margin:-1px 7px -1px 0}.element.small,.element.large:not(.hasthumb){display:inline-block;padding:7px;box-sizing:border-box}body.ltr .element.small.hasstatus,body.ltr .element.large:not(.hasthumb).hasstatus{padding-left:22px}body.rtl .element.small.hasstatus,body.rtl .element.large:not(.hasthumb).hasstatus{padding-right:22px}.element.small.hasstatus .status,.element.large:not(.hasthumb).hasstatus .status{position:absolute;top:calc(50% - 5px)}body.ltr .element.small.hasstatus .status,body.ltr .element.large:not(.hasthumb).hasstatus .status{left:7px}body.rtl .element.small.hasstatus .status,body.rtl .element.large:not(.hasthumb).hasstatus .status{right:7px}.element.small.hasstatus .icon:not(.delete),.element.large:not(.hasthumb).hasstatus .icon:not(.delete){position:absolute;top:calc(50% - 11px)}body.ltr .element.small.hasstatus .icon:not(.delete),body.ltr .element.large:not(.hasthumb).hasstatus .icon:not(.delete){left:6px}body.rtl .element.small.hasstatus .icon:not(.delete),body.rtl .element.large:not(.hasthumb).hasstatus .icon:not(.delete){right:6px}body.ltr .element.small.hasthumb,body.ltr .element.large:not(.hasthumb).hasthumb{padding-left:39px}body.rtl .element.small.hasthumb,body.rtl .element.large:not(.hasthumb).hasthumb{padding-right:39px}.element.small.hasthumb .elementthumb:not(:empty),.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){top:calc(50% - 17px);width:34px;height:34px}body.ltr .element.small.hasthumb .elementthumb:not(:empty),body.ltr .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){left:0}body.rtl .element.small.hasthumb .elementthumb:not(:empty),body.rtl .element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty){right:0}.element.small.hasthumb .elementthumb:not(:empty).checkered img,.element.large:not(.hasthumb).hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}body.ltr .element.small.hasthumb.hasstatus,body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus{padding-left:54px}body.rtl .element.small.hasthumb.hasstatus,body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus{padding-right:54px}body.ltr .element.small.hasthumb.hasstatus .status,body.ltr .element.large:not(.hasthumb).hasthumb.hasstatus .status{left:39px}body.rtl .element.small.hasthumb.hasstatus .status,body.rtl .element.large:not(.hasthumb).hasthumb.hasstatus .status{right:39px}.element.large.hasthumb{display:block;padding:132px 7px 7px;width:134px;box-sizing:border-box}body.ltr .element.large.hasthumb.hasstatus{padding-left:22px}body.rtl .element.large.hasthumb.hasstatus{padding-right:22px}.element.large.hasthumb.hasstatus .status{position:absolute;top:138px}body.ltr .element.large.hasthumb.hasstatus .status{left:7px}body.rtl .element.large.hasthumb.hasstatus .status{right:7px}.element.large.hasthumb .elementthumb:not(:empty){top:7px;width:120px;height:120px}body.ltr .element.large.hasthumb .elementthumb:not(:empty){left:7px}body.rtl .element.large.hasthumb .elementthumb:not(:empty){right:7px}.element.large.hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:15px 15px;background-position:0 0,7.5px 0,7.5px -7.5px,0 7.5px}.element.large.hasthumb .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-wrap:normal}body.ltr .element.removable .label{padding-right:20px}body.rtl .element.removable .label{padding-left:20px}.element.removable .delete:before{color:var(--ui-control-color)}.element.removable.small .delete,.element.removable.large:not(.hasthumb) .delete{position:absolute;top:calc(50% - 11px)}body.ltr .element.removable.small .delete,body.ltr .element.removable.large:not(.hasthumb) .delete{right:7px}body.rtl .element.removable.small .delete,body.rtl .element.removable.large:not(.hasthumb) .delete{left:7px}.element.removable.large.hasthumb .delete{position:absolute}body.ltr .element.removable.large.hasthumb .delete{right:7px}body.rtl .element.removable.large.hasthumb .delete{left:7px}.element:not(.removable) .delete{display:none}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:200px}.elements.busy:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%;background:rgba(255,255,255,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:1}.elements .header{margin:-24px -24px 24px;padding:14px 24px;background-color:var(--gray-050);box-shadow:none}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{cursor:default}body.ltr .elements .header .selectallcontainer .checkbox{margin-right:5px}body.rtl .elements .header .selectallcontainer .checkbox{margin-left:5px}.elements .tableview .move,.elements .tableview .toggle{display:flex;position:absolute;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .elements .tableview .move,body.ltr .elements .tableview .toggle{margin-left:calc(var(--touch-target-size)*-1)}body.rtl .elements .tableview .move,body.rtl .elements .tableview .toggle{margin-right:calc(var(--touch-target-size)*-1)}.elements .tableview .move{font-size:11px;text-decoration:none}.elements .tableview .toggle{text-align:center;padding:4px;border-radius:50%}body.ltr .elements .tableview .move+.toggle{margin-left:calc(var(--touch-target-size)*-2)}body.rtl .elements .tableview .move+.toggle{margin-right:calc(var(--touch-target-size)*-2)}.elements .thumbsview{width:calc(\n      100% + 15px\n    );display:flex;flex-direction:row;flex-wrap:wrap}body.ltr .elements .thumbsview{margin:-7px -8px -8px -7px}body.rtl .elements .thumbsview{margin:-7px -7px -8px -8px}.elements .thumbsview li{position:relative}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .element{background-color:var(--gray-050)}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb:not(.hasstatus){padding-right:28px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-left:43px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus{padding-right:43px}body.ltr .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{left:28px}body.rtl .elements .thumbsview li.has-checkbox .element.hasthumb.hasstatus .status{right:28px}.elements .thumbsview li.has-checkbox .checkbox{position:absolute;top:134px}body.ltr .elements .thumbsview li.has-checkbox .checkbox{left:7px}body.rtl .elements .thumbsview li.has-checkbox .checkbox{right:7px}.export-form{position:relative}.export-form .spinner{position:absolute;bottom:0}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.thumbviewhelper{margin:-7px;padding:7px}.thumbviewhelper .thumbsview,.thumbviewhelper .thumbsview li{margin:0 !important}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .row:hover>.icon,.structure li.draghelper>.row .move,.structure li .add.active{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{position:relative;height:2px;background-color:var(--link-color) !important;border-radius:1px}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{position:relative;z-index:1;padding:4px}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{opacity:0;transition:opacity linear 100ms}body.ltr .structure li .move,body.ltr .structure li .add{margin:5px 5px 0 0}body.rtl .structure li .move,body.rtl .structure li .add{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{content:\"downangle\";color:var(--dark-hairline-color)}.structure li .add:not(.disabled):hover:before,.structure li .add.active:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat}body.ltr .structure ul li{padding-left:38px}body.rtl .structure ul li{padding-right:38px}body.ltr .structure ul li{background-image:url(../images/branch.png);background-position:0 0}body.rtl .structure ul li{background-image:url(../images/branch_rtl.png);background-position:100% 0}body.ltr .structure ul li:not(:last-child):not(.last){padding-left:37px}body.rtl .structure ul li:not(:last-child):not(.last){padding-right:37px}body.ltr .structure ul li:not(:last-child):not(.last){border-left:1px solid var(--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 .element{z-index:2;border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color)}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect{position:relative;min-height:34px;margin-top:-7px}.elementselect .elements:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .elementselect .element{float:left}body.rtl .elementselect .element{float:right}body.ltr .elementselect .element{margin:7px 7px 0 0}body.rtl .elementselect .element{margin:7px 0 0 7px}.elementselect .element.small,.elementselect .flex,.elementselect .btn{clear:both}.elementselect .element{z-index:1}.elementselect .element.small{max-width:100%}.elementselect .element.small .label{display:block;max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.ltr .elementselect .caboose{float:left}body.rtl .elementselect .caboose{float:right}.elementselect .flex{padding-top:7px;float:none !important}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.action{color:var(--medium-text-color);font-weight:normal;background-color:var(--gray-050)}table.editable thead tr th,table.editable tbody tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-left:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child textarea,body.ltr table.editable tbody tr:last-child td:first-child input.text{border-bottom-left-radius: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 textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-top:9px;padding-bottom:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-top:10px;padding-bottom:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin:-2px auto 0;width:16px;height:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{position:relative;opacity:1}table.editable tbody tr td.disabled:after{content:\"\";font-size:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(243,247,252,.75);user-select:none}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody textarea,table.editable tbody textarea.text,table.editable tbody input.text,table.editable tbody pre{display:block;width:100%;border:none;box-shadow:none;border-radius:0;padding:7px 10px;background-color:rgba(0,0,0,0);overflow:hidden;transition:none;box-sizing:border-box}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container>.color,table.editable tbody .color-container .color-input{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:100%}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-top-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr ul.tree,body.ltr .tree ul{margin-left:20px}body.rtl ul.tree,body.rtl .tree ul{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{display:inline-block;width:10px;height:10px;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.pending{background-color:rgba(0,0,0,0);border-style:solid;border-width:0 5px 10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--pending-color) rgba(0,0,0,0);border-radius:1px}body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:1px}.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black){border-color:var(--ui-control-color)}.green,.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.orange,.status.pending{background-color:var(--pending-color)}.red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.yellow{background-color:var(--yellow-300)}.pink{background-color:var(--pink-400)}.purple{background-color:#9b59b6}.blue{background-color:var(--blue-600)}.turquoise{background-color:var(--teal-300)}.status.light{background-color:var(--gray-100)}.grey{background-color:var(--gray-300)}.black{background-color:var(--gray-800)}.status.white,.status.disabled{opacity:1}.condition-container{margin:24px 0}.condition-rule,.condition-footer{padding:7px}.condition-footer{border:1px dashed var(--medium-hairline-color);border-radius:var(--large-border-radius)}.condition:not(:empty)+.condition-footer{border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.condition-footer .spinner:not(.loading){display:none}.condition-rule{margin:0;border:1px solid var(--hairline-color);background-color:var(--gray-050)}.condition-rule:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-top-width:0}.condition-rule>.rule-move,.condition-rule>.rule-actions{margin-top:5px}.condition-rule>.rule-body .lightswitch{margin-top:6px;display:block}.condition-rule>.rule-body .selectize{min-width:100px}.condition-rule>.rule-body .text.fullwidth{min-width:100px;max-width:100%}.progressbar{border-radius:6px;border:2px solid var(--gray-700);padding:2px;position:absolute;left:20%;width:60%;z-index:1000}.progressbar-inner{border-radius:2px;height:4px;background-color:var(--gray-700)}.progressbar:not(.pending) .progressbar-inner{width:0;transition:width linear 100ms}.progressbar.pending .progressbar-inner{animation-timing-function:linear;animation-duration:250ms;animation-iteration-count:infinite}body.ltr .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(135deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.rtl .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(45deg, var(--white), var(--white) 8.8388347649px, var(--gray-700) 8.8388347649px, var(--gray-700) 17.6776695297px)}body.ltr .progressbar.pending .progressbar-inner{animation-name:pendingprogress-ltr}body.rtl .progressbar.pending .progressbar-inner{animation-name:pendingprogress-rtl}@keyframes pendingprogress-ltr{from{background-position:0}to{background-position:25px}}@keyframes pendingprogress-rtl{from{background-position:0}to{background-position:-25px}}.elementselect .progress-shade{background-color:rgba(255,255,255,.8);width:100%;height:100%;position:absolute;top:0;display:none}body.ltr .elementselect .progress-shade{left:0}body.rtl .elementselect .progress-shade{right:0}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{padding:7px 10px !important;max-width:400px;background-color:var(--gray-050) !important}.missing-component .error{margin:0}.missing-component .install-plugin{margin:7px 0 -7px;border-top:1px solid var(--hairline-color);position:relative}body.ltr .missing-component .install-plugin{padding:10px 0 10px 40px}body.rtl .missing-component .install-plugin{padding:10px 40px 10px 0}.missing-component .install-plugin .icon{width:32px;height:32px;position:absolute;top:calc(50% - 16px)}body.ltr .missing-component .install-plugin .icon{left:0}body.rtl .missing-component .install-plugin .icon{right:0}.missing-component .install-plugin .icon img,.missing-component .install-plugin .icon svg{width:100%;height:100%}.missing-component .install-plugin h3{flex:1;margin:8px 0 !important}.missing-component .install-plugin .btn{margin:0}.pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);position:relative;margin:14px 0;padding:24px;border-radius:var(--large-border-radius);word-wrap:break-word;box-sizing:border-box}.pane:focus{box-shadow:var(--focus-ring)}.pane .pane,#content .pane{background-color:var(--gray-050);border:1px solid var(--hairline-color);box-shadow:none}.pane.loading{min-height:200px}.pane.loading:after{display:block;content:\"\";font-size:0;position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%}.pane-header{margin:calc(var(--xl)*-1) var(--neg-padding) var(--xl);padding:var(--s) var(--xl);min-height:50px;box-sizing:border-box;box-shadow:inset 0 -1px 0 0 rgba(154,165,177,.25);border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;background-color:var(--gray-050)}.pane-header .header-btn{margin:2px 0;width:30px;height:30px;padding-left:0;padding-right:0}.pane-header .header-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}.pane-header .header-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}.pane-header .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin:calc(var(--s)*-1) calc(var(--xl)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{flex:1;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}body.rtl .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 24px;white-space:nowrap;color:var(--light-text-color);height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}.pane-tabs [role=tablist] [role=tab].focus-visible{box-shadow:none}.pane-tabs [role=tablist] [role=tab].focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:rgba(154,165,177,.15)}.pane-tabs [role=tablist] [role=tab].sel{position:relative;z-index:1;cursor:default;color:var(--text-color);box-shadow:inset 0 2px 0 var(--gray-500),0 0 0 1px rgba(51,64,77,.1),0 2px 12px rgba(205,216,228,.5);color:var(--text-color);background-color:var(--white)}body.ltr .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-left:4px}body.rtl .pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-right:4px}body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.ltr .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-left-radius:var(--large-border-radius)}body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child,body.rtl .pane-tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-top-right-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin:0 var(--xl)}.details{--spacing: var(--l);padding:0 var(--padding) var(--spacing)}.details .meta,.details .field,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050) !important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{padding-top:var(--m);padding-bottom:var(--m);color:var(--text-color) !important;background-color:var(--yellow-050) !important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px rgba(205,216,228,.5)}.details .meta.warning p{margin-bottom:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:hover,.details .meta.warning .btn:focus{background-color:#f8d02e}.details .meta.warning .btn:active{background-color:#f8ca15}.details .meta>.field,.details .meta>.data{margin:0 var(--neg-padding) !important}.details .meta>.field>.heading>label,.details .meta>.field>.heading,.details .meta>.data>.heading>label,.details .meta>.data>.heading{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{margin:var(--spacing) 0;border-top-color:var(--hairline-color)}.details ::-webkit-input-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder{color:var(--gray-500)}.details ::-ms-input-placeholder{color:var(--gray-500)}.details :-moz-placeholder{color:var(--gray-500)}.details ::-moz-placeholder{color:var(--gray-500)}.details ::placeholder{color:var(--gray-500)}.details .text{background-color:rgba(0,0,0,0) !important;resize:none}.details>.field>.heading>label,.details>fieldset>legend{margin-top:0;font-weight:normal;color:var(--gray-600)}.details>fieldset{margin:0 0 var(--spacing)}.details>fieldset>legend{margin-bottom:5px}.details>.field{margin:0 0 var(--spacing)}.details>.field>.heading{margin-top:0}.details>.field>.input>.text.fullwidth{margin:0 var(--neg-padding);padding-left:var(--padding);padding-right:var(--padding);border:none;background-color:var(--gray-050) !important;width:calc(100% + var(--padding) + var(--padding))}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:rgba(96,125,159,.4)}.meta{padding:0 var(--padding);overflow:visible}.meta>.field,.meta>.data,.meta>.flex-fields>.field,.meta>.flex-fields>.data{display:flex;min-height:50px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:0 var(--neg-padding) !important;padding:0 var(--padding);transition:padding-left linear 100ms,padding-right linear 100ms}body.ltr .meta>.field.nested,body.ltr .meta>.data.nested,body.ltr .meta>.flex-fields>.field.nested,body.ltr .meta>.flex-fields>.data.nested{padding-left:38px}body.rtl .meta>.field.nested,body.rtl .meta>.data.nested,body.rtl .meta>.flex-fields>.field.nested,body.rtl .meta>.flex-fields>.data.nested{padding-right:38px}.meta>.field.add,.meta>.data.add,.meta>.flex-fields>.field.add,.meta>.flex-fields>.data.add{background-color:#ebf2fa}.meta>.field.add:before,.meta>.data.add:before,.meta>.flex-fields>.field.add:before,.meta>.flex-fields>.data.add:before{position:absolute;width:31px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";color:var(--light-text-color)}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{left:0}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{right:0}body.ltr .meta>.field.add:before,body.ltr .meta>.data.add:before,body.ltr .meta>.flex-fields>.field.add:before,body.ltr .meta>.flex-fields>.data.add:before{text-align:right}body.rtl .meta>.field.add:before,body.rtl .meta>.data.add:before,body.rtl .meta>.flex-fields>.field.add:before,body.rtl .meta>.flex-fields>.data.add:before{text-align:left}.meta>.field.add .input,.meta>.data.add .input,.meta>.flex-fields>.field.add .input,.meta>.flex-fields>.data.add .input{width:100%}.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{flex:0 0 104px;line-height:18px}body.ltr .meta>.field>.heading,body.ltr .meta>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading{margin:0 var(--s) 0 0}body.rtl .meta>.field>.heading,body.rtl .meta>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading{margin:0 0 0 var(--s)}.meta>.field.lightswitch-field>.heading,.meta>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading{flex:1}.meta>.field>.input .flex,.meta>.data>.input .flex,.meta>.flex-fields>.field>.input .flex,.meta>.flex-fields>.data>.input .flex{flex-wrap:nowrap}.meta>.field>.input .flex>*,.meta>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.field>.heading>label,.meta>.data>.heading,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.data>.heading{color:var(--medium-text-color)}.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding:var(--s) 0;width:calc(100% - 112px)}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none !important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:normal}.meta>.field>.input>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.timewrapper>.text,.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text{display:block;margin:calc(var(--s)*-1) 0;padding:14px 0;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{margin:0;padding:0 0 6px;width:100%;list-style-type:none}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child),.meta>.flex-fields+.field{border-top:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin:0 -24px !important;padding:14px 24px;background-color:#ebf2fa}.meta>.flex-fields blockquote.note{border-radius:0;border:none}.meta>.flex-fields hr{margin:0 -24px}.meta>.field>.input>.select{display:block;margin:calc(var(--s)*-1) 0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select:after{right:0}body.rtl .meta>.field>.input>.select:after{left:0}.meta>.field>.input>.select+.spinner{position:absolute;top:calc(50% - 17px)}body.ltr .meta>.field>.input>.select+.spinner{right:-24px}body.rtl .meta>.field>.input>.select+.spinner{left:-24px}.meta>.field>.input>.select select{width:100%;background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.select select{padding:var(--s) 12px var(--s) 0}body.rtl .meta>.field>.input>.select select{padding:var(--s) 0 var(--s) 12px}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud .body{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px rgba(31,41,51,.5)}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}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}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px;width:100%;height:100%;left:0;transition:top linear 250ms;will-change:top}.slideout:not(.so-mobile){top:8px;width:calc(50% - 8px);height:calc(100% - 16px);border-radius:var(--large-border-radius)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:34px}.slideout>.pane-header>.so-toolbar>.pane-tabs{width:1px;flex:1}body.ltr .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-right:0}body.rtl .slideout>.pane-header>.so-toolbar>.pane-tabs{margin-left:0}.slideout.so-mobile>.pane-header{padding-left:10px;padding-right:10px}.slideout>.so-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.slideout>.so-body>.so-sidebar{position:absolute;top:0;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);width:350px;height:100%;max-width:100%;box-sizing:border-box;padding:0 var(--padding) var(--spacing);background-color:var(--gray-100);overflow:hidden auto;z-index:1}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{transition:right linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:left linear 250ms}.slideout>.so-body>.so-sidebar>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes{padding-top:var(--m);padding-bottom:var(--m)}.slideout>.so-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px;border-bottom:1px solid var(--hairline-color)}@media(min-width: 1536px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.has-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;overflow:hidden auto}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{position:relative;display:block !important;top:auto;right:auto !important;left:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header:after,.hud-header:after,.footer:after,.hud-footer:after,.body:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.header,.hud-header,.footer,.hud-footer{position:relative;z-index:1;box-sizing:border-box}.header,.hud-header,.footer,.hud-footer{background-color:var(--gray-100)}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--hairline-color)}.header h1,.hud-header h1{margin:0}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);padding:var(--s) var(--xl);box-shadow:inset 0 1px 0 var(--hairline-color)}.footer.flex>*,.hud-footer.flex>*{margin-bottom:0}.modal .body,.hud .main{padding:24px;overflow:hidden;box-sizing:border-box}.pane .header,.modal .body .header{margin:-24px -24px 24px}.pane .footer,.modal .body .footer{margin:24px -24px -24px}.slideout-shade,.modal-shade,.hud-shade{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:none}.slideout-shade:not(.dark),.modal-shade:not(.dark){background-color:rgba(123,135,147,.35) !important}.slideout-shade.dark,.modal-shade.dark{background-color:rgba(31,41,51,.5) !important}.modal{position:fixed;overflow:hidden}.modal:not(.fitted):not(.fullscreen){width:66%;height:66%;min-width:600px;min-height:400px}.modal.fitted{width:auto;height:auto;min-width:0;min-height:0}.modal.fullscreen{width:100%;height:100%;border-radius:0}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"alert\";font-size:40px;color:var(--light-text-color)}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"secure\";font-size:58px;color:var(--light-text-color)}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{position:absolute;z-index:1;bottom:0;width:24px;height:24px;background:no-repeat 50% 50%;cursor:nwse-resize}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}body.ltr .modal .resizehandle{background-image:url(../images/resizehandle.png)}body.rtl .modal .resizehandle{background-image:url(../images/resizehandle_rtl.png)}.hud{position:absolute;display:none;top:0}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{position:absolute;z-index:101;background:no-repeat 0 0}.hud .tip-left{left:-15px;width:15px;height:30px;background-image:url(../images/hudtip_left.png)}.hud .tip-top{top:-15px;width:30px;height:15px;background-image:url(../images/hudtip_top.png)}.hud .tip-right{right:-15px;width:15px;height:30px;background-image:url(../images/hudtip_right.png)}.hud .tip-bottom{bottom:-15px;width:30px;height:15px;background-image:url(../images/hudtip_bottom.png)}.hud .hud-header,.hud .hud-footer{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5);background-clip:content-box}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{position:relative;display:flex;flex-direction:row;align-items:center;height:190px;background-color:var(--gray-900);margin:0 var(--neg-padding) var(--spacing)}.preview-thumb-container.checkered img{background-color:var(--white);background-image:linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{content:\"\";font-size:0;display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(31,41,51,.8)}.preview-thumb-container.loading .spinner{color:var(--white);z-index:1}#details .preview-thumb-container{border-radius:var(--large-border-radius);overflow:hidden}.preview-thumb-container .preview-thumb{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.preview-thumb-container .preview-thumb img{display:block;max-width:100%;max-height:190px}.image-actions.is-mobile{margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;top:10px;margin:0;transition:opacity linear 100ms}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color: var(--white);--ui-control-hover-color: var(--white);--ui-control-active-color: var(--white);--interaction-background-color: var(--gray-700);background-color:var(--gray-600);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color)}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color) !important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-bottom:50px;user-select:none}.elementselectormodal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;top:0;height:100%;overflow:auto;padding:var(--content-padding) 0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{margin:-24px;padding:var(--content-padding);height:100%;box-sizing:border-box;overflow:auto;position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .tableview table .element{display:inline-block}.elementselectormodal .body .content .main .elements .tableview table tr.disabled{opacity:1;color:var(--gray-200)}.elementselectormodal .body .content .main .elements .tableview table tr.disabled .element{opacity:.25}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}body.ltr .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-left:7px}body.rtl .elementselectormodal .body .content .main .elements .tableview table tr td:first-child{padding-right:7px}.elementselectormodal .body .content .main .elements .structure .row{margin-top:1px}.elementselectormodal .footer{position:absolute;bottom:0;left:0;width:100%;margin:0;box-sizing:border-box}body.ltr .elementselectormodal .footer .spinner{float:right}body.rtl .elementselectormodal .footer .spinner{float:left}body.ltr .elementselectormodal .footer .spinner{margin-right:-24px}body.rtl .elementselectormodal .footer .spinner{margin-left:-24px}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}.element-filter-hud.loading .body{padding:50px;display:flex;align-items:center;justify-content:center}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr)}.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,.loginmodalshade{z-index:101}#logoutwarningmodal,#loginmodal,#elevatedsessionmodal,.prompt{width:500px}#logoutwarningmodal,#loginmodal{z-index:101}.prompt{height:auto;min-height:auto}.deleteusermodal .content-summary{margin:-24px -24px 24px;padding:24px;background-color:var(--gray-050)}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{display:inline-block;vertical-align:middle}body.ltr .deleteusermodal .elementselect{margin-left:10px}body.rtl .deleteusermodal .elementselect{margin-right:10px}body.ltr .deleteusermodal .buttons .spinner{margin-right:-20px}body.rtl .deleteusermodal .buttons .spinner{margin-left:-20px}.dropdownsettingsmodal{width:auto;height:auto;min-width:0;min-height:0;max-width:400px}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{padding:100px 0;display:flex;align-items:center;justify-content:center}.menu,.ui-datepicker,.ui-timepicker-list{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}.ui-datepicker,.ui-timepicker-list{padding:0}.menu{display:none;position:absolute}.menu h6:first-child{margin-top:14px !important}body.ltr .menu ul.padded li a,body.ltr .menu ul.padded li .menu-option{padding-left:24px}body.rtl .menu ul.padded li a,body.rtl .menu ul.padded li .menu-option{padding-right:24px}.menu ul.padded li a[data-icon]:before,.menu ul.padded li a.icon:before,.menu ul.padded li a.sel:before,.menu ul.padded li .menu-option[data-icon]:before,.menu ul.padded li .menu-option.icon:before,.menu ul.padded li .menu-option.sel:before{font-size:14px;color:var(--ui-control-color)}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{float:left}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{float:right}body.ltr .menu ul.padded li a[data-icon]:before,body.ltr .menu ul.padded li a.icon:before,body.ltr .menu ul.padded li a.sel:before,body.ltr .menu ul.padded li .menu-option[data-icon]:before,body.ltr .menu ul.padded li .menu-option.icon:before,body.ltr .menu ul.padded li .menu-option.sel:before{margin:3px 0 0 -17px}body.rtl .menu ul.padded li a[data-icon]:before,body.rtl .menu ul.padded li a.icon:before,body.rtl .menu ul.padded li a.sel:before,body.rtl .menu ul.padded li .menu-option[data-icon]:before,body.rtl .menu ul.padded li .menu-option.icon:before,body.rtl .menu ul.padded li .menu-option.sel:before{margin:3px -17px 0 0}.menu ul.padded li a[data-icon].error:before,.menu ul.padded li a.icon.error:before,.menu ul.padded li a.sel.error:before,.menu ul.padded li .menu-option[data-icon].error:before,.menu ul.padded li .menu-option.icon.error:before,.menu ul.padded li .menu-option.sel.error:before{color:var(--error-color)}.menu ul.padded li a.sel:not([data-icon]):before,.menu ul.padded li .menu-option.sel:not([data-icon]):before{content:\"check\"}.menu ul li a,.menu ul li .menu-option{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;font-size:14px;cursor:default;-webkit-appearance:none}.menu ul li a:not(.flex),.menu ul li .menu-option:not(.flex){display:block !important;box-sizing:border-box;width:calc(100% + 28px)}body.ltr .menu ul li a:not(.flex),body.ltr .menu ul li .menu-option:not(.flex){text-align:left}body.rtl .menu ul li a:not(.flex),body.rtl .menu ul li .menu-option:not(.flex){text-align:right}.menu ul li a.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-option .shortcut{padding:0 4px;border-radius:var(--medium-border-radius);box-shadow:0 0 0 1px rgba(81,95,108,.25),0 1px 3px -1px rgba(81,95,108,.5)}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{float:right}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{float:left}body.ltr .menu ul li a .shortcut,body.ltr .menu ul li .menu-option .shortcut{margin-left:14px}body.rtl .menu ul li a .shortcut,body.rtl .menu ul li .menu-option .shortcut{margin-right:14px}.menu>.flex{margin-top:10px;margin-bottom:10px;position:relative}body.ltr .menu>.flex.padded{margin-left:-14px}body.rtl .menu>.flex.padded{margin-right:-14px}body.ltr .menu>.flex.padded{padding-left:24px}body.rtl .menu>.flex.padded{padding-right:24px}.menu>.flex.padded.sel:before{position:absolute;top:36px;content:\"check\";font-size:14px;color:var(--light-text-color)}body.ltr .menu>.flex.padded.sel:before{left:7px}body.rtl .menu>.flex.padded.sel:before{right:7px}.menu hr{margin:5px -14px}.menubtn span.icon,.menu span.icon{display:inline-block;margin-top:-1px;width:10px;text-align:center;font-size:14px;color:var(--ui-control-color)}body.ltr .menubtn span.icon,body.ltr .menu span.icon{margin-right:10px}body.rtl .menubtn span.icon,body.rtl .menu span.icon{margin-left:10px}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover{color:#fff;background-color:#606d7b;--text-color: var(--white);--light-text-color: var(--gray-100);--ui-control-color: var(--gray-050);--ui-control-hover-color: var(--gray-100);--ui-control-active-color: var(--gray-100)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.icon,.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover:before,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.icon,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover:before{color:var(--menu-option-active-color)}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover.error,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover.error{color:var(--menu-option-active-color) !important}body.ltr .menu hr.padded,body.ltr .menu h6.padded{margin-left:10px}body.rtl .menu hr.padded,body.rtl .menu h6.padded{margin-right:10px}.menu--disclosure ul li>a:hover,.menu--disclosure ul li>.menu-option:hover{color:#3f4d5a;background-color:#f3f7fc}body:not(.reduce-focus-visibility) .menu--disclosure ul li>a:focus,body.reduce-focus-visibility .menu--disclosure ul li>a.focus-visible,body:not(.reduce-focus-visibility) .menu--disclosure ul li>.menu-option:focus,body.reduce-focus-visibility .menu--disclosure ul li>.menu-option.focus-visible{box-shadow:inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7)}.tagselect .elements{display:inline}.tagselect .element.small{clear:none}.tagselect .add{position:relative;z-index:1;display:inline-block;width:12em}body.ltr .tagselect .add{margin:7px 7px 0 0}body.rtl .tagselect .add{margin:7px 0 0 7px}body.ltr .tagselect .add .text{padding-right:30px}body.rtl .tagselect .add .text{padding-left:30px}.tagselect .add .spinner{position:absolute;top:0}body.ltr .tagselect .add .spinner{right:5px}body.rtl .tagselect .add .spinner{left:5px}body.ltr .tagselect.elementselect .element,body.rtl .tagselect.elementselect .element{float:none !important;display:inline-block}body.ltr .tagmenu ul li a{padding-left:26px}body.rtl .tagmenu ul li a{padding-right:26px}body.ltr .tagmenu ul li a:before{float:left}body.rtl .tagmenu ul li a:before{float:right}body.ltr .tagmenu ul li a:before{margin:3px 0 0 -18px}body.rtl .tagmenu ul li a:before{margin:3px -18px 0 0}.shadow-box{border-radius:var(--large-border-radius);border:1px solid var(--gray-200);box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}table.shadow-box,table.editable{border-collapse:separate;border-spacing:0}table.shadow-box thead tr:first-child th:first-child,table.shadow-box thead tr:first-child th:first-child.disabled:after,table.shadow-box thead tr:first-child td:first-child,table.shadow-box thead tr:first-child td:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:first-child,table.shadow-box tbody:first-child tr:first-child th:first-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:first-child,table.shadow-box tbody:first-child tr:first-child td:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:first-child,table.shadow-box caption+tbody tr:first-child th:first-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:first-child,table.shadow-box caption+tbody tr:first-child td:first-child.disabled:after,table.editable thead tr:first-child th:first-child,table.editable thead tr:first-child th:first-child.disabled:after,table.editable thead tr:first-child td:first-child,table.editable thead tr:first-child td:first-child.disabled:after,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child th:first-child.disabled:after,table.editable tbody:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child td:first-child.disabled:after,table.editable caption+tbody tr:first-child th:first-child,table.editable caption+tbody tr:first-child th:first-child.disabled:after,table.editable caption+tbody tr:first-child td:first-child,table.editable caption+tbody tr:first-child td:first-child.disabled:after{border-top-left-radius:var(--medium-border-radius)}table.shadow-box thead tr:first-child th:last-child,table.shadow-box thead tr:first-child th:last-child.disabled:after,table.shadow-box thead tr:first-child td:last-child,table.shadow-box thead tr:first-child td:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child th:last-child,table.shadow-box tbody:first-child tr:first-child th:last-child.disabled:after,table.shadow-box tbody:first-child tr:first-child td:last-child,table.shadow-box tbody:first-child tr:first-child td:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child th:last-child,table.shadow-box caption+tbody tr:first-child th:last-child.disabled:after,table.shadow-box caption+tbody tr:first-child td:last-child,table.shadow-box caption+tbody tr:first-child td:last-child.disabled:after,table.editable thead tr:first-child th:last-child,table.editable thead tr:first-child th:last-child.disabled:after,table.editable thead tr:first-child td:last-child,table.editable thead tr:first-child td:last-child.disabled:after,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child th:last-child.disabled:after,table.editable tbody:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child td:last-child.disabled:after,table.editable caption+tbody tr:first-child th:last-child,table.editable caption+tbody tr:first-child th:last-child.disabled:after,table.editable caption+tbody tr:first-child td:last-child,table.editable caption+tbody tr:first-child td:last-child.disabled:after{border-top-right-radius:var(--medium-border-radius)}table.shadow-box thead:last-child tr:last-child th:first-child,table.shadow-box thead:last-child tr:last-child th:first-child.disabled:after,table.shadow-box thead:last-child tr:last-child td:first-child,table.shadow-box thead:last-child tr:last-child td:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child th:first-child,table.shadow-box tbody:last-child tr:last-child th:first-child.disabled:after,table.shadow-box tbody:last-child tr:last-child td:first-child,table.shadow-box tbody:last-child tr:last-child td:first-child.disabled:after,table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child th:first-child.disabled:after,table.editable thead:last-child tr:last-child td:first-child,table.editable thead:last-child tr:last-child td:first-child.disabled:after,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child th:first-child.disabled:after,table.editable tbody:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child td:first-child.disabled:after{border-bottom-left-radius: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,.matrix-configurator>.field>.input,.selectize.multiselect .selectize-input,.multiselect>select{border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box}.text.focus,.passwordwrapper.focus,.border-box.focus,.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .text:focus,body.reduce-focus-visibility .text.focus-visible,body:not(.reduce-focus-visibility) .passwordwrapper:focus,body.reduce-focus-visibility .passwordwrapper.focus-visible,body:not(.reduce-focus-visibility) .border-box:focus,body.reduce-focus-visibility .border-box.focus-visible,body:not(.reduce-focus-visibility) .selectize.multiselect .selectize-input:focus,body.reduce-focus-visibility .selectize.multiselect .selectize-input.focus-visible{box-shadow:var(--focus-ring)}input.text,textarea.text,.text>input,.text>textarea,table.editable textarea,.selectize.multiselect .selectize-input{font-size:14px;line-height:20px;color:var(--text-color);min-height:3px;box-sizing:border-box;appearance:none}.selectize.multiselect .selectize-input{line-height:18px}textarea.text.fullwidth{display:block}.multitext .multitextrow:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .multitext .multitextrow:first-child .text:first-child{border-top-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:first-child{border-top-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:first-child .text:last-child{border-top-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:first-child .text:last-child{border-top-left-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:first-child{border-bottom-left-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:first-child{border-bottom-right-radius:var(--medium-border-radius)}body.ltr .multitext .multitextrow:last-child .text:last-child{border-bottom-right-radius:var(--medium-border-radius)}body.rtl .multitext .multitextrow:last-child .text:last-child{border-bottom-left-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-top:-1px}.multitext .multitextrow .text{border-radius:0;float:left;box-sizing:border-box}body.ltr .multitext .multitextrow .text:not(:first-child){margin-left:-1px}body.rtl .multitext .multitextrow .text:not(:first-child){margin-right:-1px}.multitext .multitextrow .text:first-child:nth-last-child(1){width:100%}.multitext .multitextrow .text:first-child:nth-last-child(2){width:50%}.multitext .multitextrow .text:first-child:nth-last-child(2)~.text{width:calc(50% + 1px)}.multitext .multitextrow .text.error{position:relative;z-index:1}.multitext .multitextrow .text:focus,.multitext .multitextrow .selectize.multiselect .selectize-input.focus{position:relative;z-index:2}.chars-left{position:relative;color:var(--light-text-color)}body.ltr .chars-left{float:right}body.rtl .chars-left{float:left}body.ltr .chars-left{margin:-27px 7px 0 0}body.rtl .chars-left{margin:-27px 0 0 7px}.input.ltr>.chars-left{float:right !important;margin-right:7px !important}.input.rtl>.chars-left{float:left !important;margin-left:7px !important}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{position:relative;margin:24px 0}.flex>.field,.flex>fieldset{margin-top:0;margin-bottom:0}.field{min-inline-size:initial}.field>.status-badge{position:absolute;top:0;width:2px;height:100%;content:\"\";cursor:help}body.ltr .field>.status-badge{left:0}body.rtl .field>.status-badge{right:0}.field>.status-badge.modified{background-color:var(--blue-600)}.field>.status-badge.outdated{background-color:var(--pending-color)}.field>.heading{display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-top:-5px;margin-bottom:5px}.field>.heading>label,.field>.heading>legend{font-weight:bold;color:var(--medium-dark-text-color)}.field>.heading>label code,.field>.heading>legend code{font-size:1em !important}body.ltr .field>.heading>label .info,body.ltr .field>.heading>legend .info{margin-left:5px}body.rtl .field>.heading>label .info,body.rtl .field>.heading>legend .info{margin-right:5px}.field>.heading>.t9n-indicator{color:var(--light-text-color)}body.ltr .field>.heading>.t9n-indicator{margin-left:7px}body.rtl .field>.heading>.t9n-indicator{margin-right:7px}.field>.heading+.instructions{margin-top:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-bottom:5px}.field>.input{position:relative}.field>.input:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.field>.input+.instructions{margin:5px 0 0}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--medium-text-color)}.field>.instructions img,.field>.instructions video,.field>.instructions embed,.field>.instructions iframe,.field>.heading>.instructions img,.field>.heading>.instructions video,.field>.heading>.instructions embed,.field>.heading>.instructions iframe,.checkboxfield .instructions img,.checkboxfield .instructions video,.checkboxfield .instructions embed,.checkboxfield .instructions iframe{max-width:100% !important}.field>.instructions ul,.field>.instructions ol,.field>.heading>.instructions ul,.field>.heading>.instructions ol,.checkboxfield .instructions ul,.checkboxfield .instructions ol{margin:1em 0}body.ltr .field>.instructions ul,body.ltr .field>.instructions ol,body.ltr .field>.heading>.instructions ul,body.ltr .field>.heading>.instructions ol,body.ltr .checkboxfield .instructions ul,body.ltr .checkboxfield .instructions ol{padding-left:2em}body.rtl .field>.instructions ul,body.rtl .field>.instructions ol,body.rtl .field>.heading>.instructions ul,body.rtl .field>.heading>.instructions ol,body.rtl .checkboxfield .instructions ul,body.rtl .checkboxfield .instructions ol{padding-right:2em}.field>.instructions ul li,.field>.heading>.instructions ul li,.checkboxfield .instructions ul li{list-style-type:disc}.field>.instructions li+li,.field>.heading>.instructions li+li,.checkboxfield .instructions li+li{margin-top:.25em}.expand-status-btn{width:30px;height:17px;padding:0;line-height:16px;border-radius:var(--small-border-radius);color:var(--text-color)}body.ltr .expand-status-btn{margin-left:5px}body.rtl .expand-status-btn{margin-right:5px}.expand-status-btn:before{margin:0}.nested-fields{margin:-24px;padding:24px 24px 0}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-bottom:24px}input.checkbox{opacity:0;position:absolute;width:var(--checkbox-size);height:var(--checkbox-size)}input.checkbox+label,div.checkbox{display:inline-block;clear:none;position:relative;line-height:16px;height:16px;cursor:pointer}body.ltr input.checkbox+label,body.ltr div.checkbox{padding-left:21px}body.rtl input.checkbox+label,body.rtl div.checkbox{padding-right:21px}input.checkbox+label .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:default}body.ltr input.checkbox+label:empty,body.ltr div.checkbox:empty{padding-left:var(--checkbox-size)}body.rtl input.checkbox+label:empty,body.rtl div.checkbox:empty{padding-right:var(--checkbox-size)}input.checkbox+label:empty:after,div.checkbox:empty:after{content:\"\";font-size:0}input.checkbox+label:before,div.checkbox:before{display:block;position:absolute;top:0;width:var(--checkbox-size) !important;height:var(--checkbox-size);box-sizing:border-box;content:\"\";font-size:0;background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4);background-clip:padding-box;border-radius:var(--small-border-radius)}body.ltr input.checkbox+label:before,body.ltr div.checkbox:before{left:0}body.rtl input.checkbox+label:before,body.rtl div.checkbox:before{right:0}input.checkbox:disabled+label,div.checkbox.disabled:before,div.checkbox.disabled+label{opacity:.25}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label:before,div.checkbox.checked:not(.indeterminate):before,.sel div.checkbox:not(.indeterminate):before{content:\"check\";font-size:15px}input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{content:\"minus\";font-size:7px;text-align:center}body:not(.reduce-focus-visibility) input.checkbox:focus+label:before,body:not(.reduce-focus-visibility) :focus div.checkbox:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.checkbox.focus-visible+label:before,body.reduce-focus-visibility .focus-visible div.checkbox:before{box-shadow:var(--focus-ring)}.monaco-mouse-cursor-text:focus,.monaco-mouse-cursor-text.focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left:21px}body.rtl .checkboxfield .instructions,body.rtl .checkboxfield .notice,body.rtl .checkboxfield .warning{padding-right:21px}input.radio{opacity:0;position:absolute;width:var(--radio-size);height:var(--radio-size)}input.radio+label,div.radio{display:inline-block;clear:none;position:relative;line-height:1.7142857143;cursor:pointer}body.ltr input.radio+label,body.ltr div.radio{padding-left:21px}body.rtl input.radio+label,body.rtl div.radio{padding-right:21px}input.radio:disabled+label,.disabled div.radio{cursor:default}body.ltr input.radio+label:empty,body.ltr div.radio:empty{padding-left:var(--radio-size)}body.rtl input.radio+label:empty,body.rtl div.radio:empty{padding-right:var(--radio-size)}input.radio+label:before,input.radio+label:after,div.radio:before,div.radio:after{display:block;position:absolute;content:\"\";box-sizing:border-box;background-clip:padding-box;border-radius:100%}input.radio+label:before,div.radio:before{top:50%;left:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:#fbfcfe;border:1px solid rgba(96,125,159,.4)}input.radio+label:after,div.radio:after{top:50%;left:4px;transform:translateY(-50%);width:calc(var(--radio-size) - 8px);height:calc(var(--radio-size) - 8px)}input.radio:disabled+label,div.radio.disabled:before,div.radio.disabled+label{opacity:.25}input.radio:checked+label:after,div.radio.checked:after,.sel div.radio:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) input.radio:focus+label:before,body:not(.reduce-focus-visibility) :focus div.radio:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.radio.focus-visible+label:before,body.reduce-focus-visibility .focus-visible div.radio:before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}body:not(.reduce-focus-visibility) .multiselect>select:focus,body.reduce-focus-visibility .multiselect>select.focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.text,.selectize.multiselect .selectize-input{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:34px}.text.small{padding:3px}.text.readable{padding:16px 18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.text.error{border:1px solid var(--error-color) !important}.texticon{position:relative;cursor:text;min-width:130px}.texticon.icon:before{position:absolute;top:9px;color:var(--ui-control-color)}body.ltr .texticon.icon:before{left:9px}body.rtl .texticon.icon:before{right:9px}body.ltr .texticon.icon .text{padding-left:26px}body.rtl .texticon.icon .text{padding-right:26px}.texticon .clear-btn{position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{position:absolute;top:4px;padding:0 7px 4px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"sliders\";color:var(--medium-text-color)}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active{background-color:var(--gray-350)}.texticon.has-filter-btn .filter-btn:active:before,.texticon.has-filter-btn .filter-btn.active:before{color:var(--white)}body.ltr .texticon.has-filter-btn .text{padding-left:26px}body.rtl .texticon.has-filter-btn .text{padding-right:26px}body.ltr .texticon.has-filter-btn .text.clearable{padding-right:calc(30px + var(--touch-target-size))}body.rtl .texticon.has-filter-btn .text.clearable{padding-left:calc(30px + var(--touch-target-size))}body.ltr .texticon.has-filter-btn .clear-btn{right:30px}body.rtl .texticon.has-filter-btn .clear-btn{left:30px}.texthint-container{position:relative;height:0}.texthint{position:absolute;top:-1px;width:100%;color:var(--light-text-color);cursor:text}.passwordwrapper{position:relative}.passwordwrapper .password{border:none;background:rgba(0,0,0,0);padding-right:4rem;box-shadow:none}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;top:0;bottom:0;cursor:pointer}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-direction:row;align-items:center}body.ltr .datetimewrapper>.datewrapper+.timewrapper,body.ltr .datetimewrapper>.timewrapper+.timezone,body.ltr .datetimewrapper>.select{margin-left:5px}body.rtl .datetimewrapper>.datewrapper+.timewrapper,body.rtl .datetimewrapper>.timewrapper+.timezone,body.rtl .datetimewrapper>.select{margin-right:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:before,.close-btn:after{position:absolute;content:\"\";top:50%;left:50%;height:15px;width:2px;background-color:var(--ui-control-color);opacity:var(--icon-opacity)}.close-btn:before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn:after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:var(--ui-control-hover-color)}.close-btn:active:before,.close-btn:active:after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;top:calc(50% - 12px);z-index:0;color:var(--light-text-color)}body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon]{left:14px}body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon]{right:14px}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before{user-select:none;pointer-events:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}::-webkit-input-placeholder{color:var(--gray-400)}input:-ms-input-placeholder{color:var(--gray-400)}::-ms-input-placeholder{color:var(--gray-400)}:-moz-placeholder{color:var(--gray-400)}::-moz-placeholder{color:var(--gray-400)}::placeholder{color:var(--gray-400)}::-ms-reveal,::-ms-clear{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{width:100%;display:flex;justify-content:space-between;align-items:center}tr.indexingSession td.progress div.progressContainer .progressbar{width:70%;position:relative;left:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none;white-space:pre}body.ltr .select:not(.selectize) select{padding:7px 22px 7px 10px}body.rtl .select:not(.selectize) select{padding:7px 10px 7px 22px}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}body:not(.reduce-focus-visibility) .select:not(.selectize) select:focus,body.reduce-focus-visibility .select:not(.selectize) select.focus-visible{outline-color:rgba(0,0,0,0);background-color:#cfd8e2;box-shadow:var(--focus-ring)}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{padding-top:4px !important;padding-bottom:4px !important;font-size:11px}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:100}.selectize.select{height:34px}.selectize.select:not(.fullwidth){width:25em}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .selectize.select .selectize-control:after{right:9px}body.rtl .selectize.select .selectize-control:after{left:9px}.selectize.select .selectize-input{position:relative;border-radius:5px;white-space:nowrap}.selectize.select .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.select .selectize-input{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:#3f4d5a;background-color:#dfe5ec;appearance:none}body.ltr .selectize.select .selectize-input{padding:7px 22px 7px 10px}body.rtl .selectize.select .selectize-input{padding:7px 10px 7px 22px}.selectize.select .selectize-input::-ms-expand{display:none}.selectize.select .selectize-control,.selectize.select .selectize-input{width:100%}.selectize.multiselect .selectize-input{min-height:34px;padding-bottom:3px}.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.selectize.multiselect .selectize-input>.item{display:inline-block;border-radius:3px;padding:3px 7px;font-size:12px;line-height:14px;color:#3f4d5a;background-color:#e4edf6;display:inline-flex;flex-direction:row;padding:3px 7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:#cdd8e4}.selectize.multiselect .selectize-input>.item>.remove{position:static;border-left:none;padding:0;font-size:0;color:var(--ui-control-color)}body.ltr .selectize.multiselect .selectize-input>.item>.remove{margin:-1px -3px 0 3px}body.rtl .selectize.multiselect .selectize-input>.item>.remove{margin:-1px 3px 0 -3px}.selectize.multiselect .selectize-input>.item>.remove:hover{color:var(--ui-control-hover-color);background-color:rgba(0,0,0,0)}.selectize.multiselect .selectize-input>.item>.remove:before{font-size:14px;font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}body .selectize-dropdown{margin-top:1px}body .selectize-dropdown-content{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px rgba(31,41,51,.1),0 5px 20px rgba(31,41,51,.25)}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"plus\";margin-right:5px}body .selectize-dropdown-content>div[data-value=new]:after{content:\"…\"}body .selectize-dropdown [data-selectable],body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup-header{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin:0;padding:4px 0}body .selectize-dropdown .active{color:#fff;background-color:#606d7b}body .selectize-dropdown .active .light{color:inherit !important}.ui-datepicker{position:fixed;top:-300px;-padding:10px;width:210px;height:242px;z-index:101 !important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.rtl .ui-datepicker-prev{float:right}body.ltr .ui-datepicker-next{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-next:after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px !important}.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;width:26px;line-height:26px;text-align:center;color:var(--text-color)}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{white-space:nowrap;cursor:pointer}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.slide-picker{display:flex;height:15px;white-space:nowrap}.slide-picker a{border:1px solid var(--hairline-color);background-image:none;width:7px;height:13px;margin-left:0;display:inline-block;margin-top:1px;margin-bottom:1px;box-sizing:border-box}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400) !important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400) !important}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-top-color:var(--gray-400);border-bottom-color:var(--gray-400);height:15px;margin-top:0;margin-bottom:0}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{margin-top:5px;list-style-type:square}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{position:absolute;z-index:100;top:0;width:100%;height:100%}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:rgba(31,41,51,.5)}.message-container .pane{top:50%;margin-top:-33px !important;margin-left:auto;margin-right:auto;width:320px;box-shadow:0 25px 100px rgba(31,41,51,.5)}.autosuggest-container{position:relative}.autosuggest__results-container{position:absolute;z-index:2;width:100%;border-radius:var(--large-border-radius);background-color:var(--white);box-shadow:0 1px 5px -1px rgba(31,41,51,.2);box-sizing:border-box;padding:0 14px;text-align:left;font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif;font-size:1em !important}.autosuggest__results-container .autosuggest__results-before{margin:14px 0 3px;font-size:11px;line-height:1.2;color:#606d7b;text-transform:uppercase;margin-top:14px !important}.autosuggest__results-container .autosuggest__results-item{margin:0 -14px;padding:10px 14px;color:#3f4d5a;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autosuggest__results-container .autosuggest__results-item:hover,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted{color:#fff;background-color:#606d7b;cursor:pointer}.matrix-configurator>.field{max-width:none}.matrix-configurator>.field>.input{display:flex;align-items:stretch;background-color:var(--gray-050);box-shadow:none}.matrix-configurator .mc-sidebar{box-sizing:border-box}.matrix-configurator .mc-sidebar .mc-col-items{margin-top:-1px;padding-top:1px}.matrix-configurator .mc-sidebar.block-types{width:200px}body.ltr .matrix-configurator .mc-sidebar.block-types{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-top-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types{border-bottom-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types{border-bottom-right-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}.matrix-configurator .mc-sidebar.block-types>.mc-col-inner-container>.mc-col-items .btn{margin:14px}.matrix-configurator .mc-sidebar.mc-fields{width:240px;z-index:1;background:#fff;box-shadow:-1px 0 0 0 rgba(31,41,51,.1),1px 0 0 0 rgba(31,41,51,.1)}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items{padding:14px}.matrix-configurator .mc-sidebar.mc-fields .mc-col-items .btn{margin-top:14px}.matrix-configurator .mc-sidebar>.mc-col-inner-container>.mc-col-heading,.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{margin:0;padding:7px 14px 6px;border-bottom:1px solid var(--hairline-color);background-color:var(--gray-050);background-image:linear-gradient(rgba(51, 64, 77, 0), rgba(51, 64, 77, 0.05))}.matrix-configurator .mc-field-settings{flex:1;position:relative}body.ltr .matrix-configurator .mc-field-settings{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-top-left-radius:var(--small-border-radius)}body.ltr .matrix-configurator .mc-field-settings{border-bottom-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings{border-bottom-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{padding-left:24px;padding-right:24px}body.ltr .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-right-radius:var(--small-border-radius)}body.rtl .matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-heading{border-top-left-radius:var(--small-border-radius)}.matrix-configurator .mc-field-settings>.mc-col-inner-container>.mc-col-items{padding:24px}.matrixconfigitem{position:relative;display:flex;align-items:center;user-select:none;cursor:default;min-height:48px;box-sizing:border-box}.matrixconfigitem.mci-blocktype{margin-top:-1px;padding:8px 14px;border:solid var(--hairline-color);border-width:1px 0;background-color:var(--gray-100)}.matrixconfigitem.mci-blocktype.sel{z-index:1;background-color:var(--gray-200)}.matrixconfigitem.mci-field{border-radius:var(--medium-border-radius);padding:7px 10px;background-color:var(--gray-100)}.matrixconfigitem.mci-field.sel{background-color:var(--gray-200)}.matrixconfigitem.mci-field.sel .slide-picker:focus a.active{background-color:#5f6c79}.matrixconfigitem.mci-field+.mci-field{margin-top:7px}.matrixconfigitem .mci-name{flex:1;overflow:hidden}.matrixconfigitem .mci-name h4,.matrixconfigitem .mci-name .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrixconfigitem .mci-name h4{margin-bottom:2px;font-weight:normal;color:var(--text-color)}.matrixconfigitem .mci-name h4.mci-required:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"asterisk\";font-size:8px}body.ltr .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 0 0 4px}body.rtl .matrixconfigitem .mci-name h4.mci-required:after{margin:-2px 4px 0 0}.matrixconfigitem.error .mci-name h4{color:var(--error-color)}body.ltr .matrixconfigitem .slide-picker,body.ltr .matrixconfigitem .icon{margin-left:7px}body.rtl .matrixconfigitem .slide-picker,body.rtl .matrixconfigitem .icon{margin-right:7px}.matrixconfigitem .icon{display:block}.matrixconfigitem .icon:not(.error):before{color:var(--ui-control-color)}.matrixconfigitem .icon:not(.error):hover:before{color:var(--ui-control-hover-color)}.matrixconfigitem .icon:not(.error):active:before{color:var(--ui-control-active-color)}.matrixconfigitem .icon.error:before{color:var(--error-color)}.matrix>.buttons{margin-top:10px}.matrixblock{position:relative;margin-bottom:10px;padding:0 var(--m) var(--m);border-radius:var(--large-border-radius);border:1px solid var(--hairline-color);background-color:var(--gray-050)}.matrixblock.static{padding-top:14px}.matrixblock .flex-fields{--row-gap: var(--m) !important}.matrixblock>.titlebar{margin:0 -14px;width:calc(100% + 28px);box-sizing:border-box;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;color:var(--light-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;cursor:default;user-select:none;position:relative;background-color:#ebf2fa}body.ltr .matrixblock>.titlebar{padding:5px 70px 5px 35px}body.rtl .matrixblock>.titlebar{padding:5px 35px 5px 70px}.matrixblock>.titlebar:after{display:block;content:\"\";position:absolute;bottom:-1px;left:14px;width:calc(100% - 28px);height:1px;background-color:var(--hairline-color)}.matrixblock>.titlebar>.blocktype{display:inline;color:var(--medium-text-color)}.matrixblock>.titlebar>.preview{display:inline;opacity:0;transition:opacity linear 100ms}body.ltr .matrixblock>.titlebar>.preview{margin-left:7px}body.rtl .matrixblock>.titlebar>.preview{margin-right:7px}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock.disabled{opacity:1}body.ltr .matrixblock.disabled>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled>.titlebar{padding-left:90px}.matrixblock.disabled>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:var(--titlebar-border-radius);border-bottom:none}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.checkbox{position:absolute;top:7px}body.ltr .matrixblock>.checkbox{left:14px}body.rtl .matrixblock>.checkbox{right:14px}.matrixblock>.actions{display:flex;align-items:center;position:absolute;top:5px;cursor:default}body.ltr .matrixblock>.actions{right:14px}body.rtl .matrixblock>.actions{left:14px}body.ltr .matrixblock>.actions>*{margin:0 0 0 5px}body.rtl .matrixblock>.actions>*{margin:0 5px 0 0}.matrixblock>.actions .settings{padding:0 8px;height:20px;color:var(--ui-control-color)}body.ltr .matrixblock>.actions .settings:before{margin-right:0 !important}body.rtl .matrixblock>.actions .settings:before{margin-left:0 !important}.matrixblock>.actions .settings:not(:hover):not(:active){background-color:rgba(0,0,0,0)}.matrixblock>.actions>.move{margin-top:-3px !important}.matrixblock>.actions>.status.off{display:none}.matrixblock>.actions a:not([data-action]){padding:0;height:20px;text-align:center;color:var(--dark-hairline-color);transform:color linear 100ms}.matrixblock>.actions a:not([data-action]).settings:after{border-color:var(--dark-hairline-color);transform:border-color linear 100ms}body.ltr .matrixblock>.actions a:not([data-action]).settings:after{margin-left:3px}body.rtl .matrixblock>.actions a:not([data-action]).settings:after{margin-right:3px}.matrixblock>.actions a:not([data-action]):hover{color:var(--link-color)}.matrixblock>.actions a:not([data-action]):hover.settings:after{border-color:var(--link-color)}.matrixblock:not(.static)>.fields{padding-top:14px}.matrixblock>.fields>.flex-fields>.field:before{display:none}.matrixblock>.buttons{margin-top:0;height:30px}.add-category-form{margin-top:24px}.add-category-form .texticon{width:200px}body.ltr .add-category-form .texticon{float:left}body.rtl .add-category-form .texticon{float:right}body.ltr .add-category-form .texticon{margin-right:5px}body.rtl .add-category-form .texticon{margin-left:5px}body.ltr .add-category-form .texticon .text{padding-right:30px}body.rtl .add-category-form .texticon .text{padding-left:30px}.add-category-form .texticon .spinner{position:absolute;top:0}body.ltr .add-category-form .texticon .spinner{right:5px}body.rtl .add-category-form .texticon .spinner{left:5px}.categoriesfield{position:relative;min-height:30px}body.ltr .categoriesfield .structure ul{margin-left:12px}body.rtl .categoriesfield .structure ul{margin-right:12px}body.sitepicker #main-content{padding:30px;justify-content:center;align-items:center;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:left;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);font-size:16px;line-height:1.4}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;position:absolute;top:calc(50% - 7px);margin:0;padding:0}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){.structure ul li{background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.modal .resizehandle{background-size:13px}body.ltr .modal .resizehandle{background-image:url(../images/resizehandle_2x.png)}body.rtl .modal .resizehandle{background-image:url(../images/resizehandle_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--padding) * -1)}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body :focus{outline-style:solid;outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.reduce-focus-visibility :focus:not(.focus-visible){box-shadow:none}.reduce-focus-visibility .focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{left:unset;width:auto;height:auto;background-color:var(--gray-100) !important}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width: 1200px){#global-skip-link{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;flex-direction:column;min-height:100vh}body.ltr #global-container{left:0}body.rtl #global-container{right:0}@media screen and (prefers-reduced-motion: no-preference){body.ltr #global-container{transition:left 250ms ease-out}body.rtl #global-container{transition:right 250ms ease-out}}#global-sidebar{--is-always-visible: true;position:fixed;z-index:100;display:flex;flex-direction:column;height:100vh;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);background-color:var(--gray-800)}#global-sidebar a{color:var(--gray-100);transition:color linear 100ms;text-decoration:none}#global-sidebar>a,#global-sidebar *:not(.has-subnav)>a{transition:background-color linear 100ms}#global-sidebar>a[href]:hover,#global-sidebar>a[href].active,#global-sidebar>a[href]:active,#global-sidebar *:not(.has-subnav)>a[href]:hover,#global-sidebar *:not(.has-subnav)>a[href].active,#global-sidebar *:not(.has-subnav)>a[href]:active{color:var(--white)}#global-sidebar>a[href]:not(.sel):hover,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover{background-color:#29333d;transition:none}#global-sidebar>a[href]:not(.sel):hover .icon,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover .icon{opacity:1}#global-sidebar>a[href].active,#global-sidebar>a[href]:active,#global-sidebar *:not(.has-subnav)>a[href].active,#global-sidebar *:not(.has-subnav)>a[href]:active{background-color:#1f272e}#global-sidebar>a:not([href]),#global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}#global-sidebar>a .icon,#global-sidebar *:not(.has-subnav)>a .icon{transition:opacity linear 100ms}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width: 1199px){#global-sidebar{--is-always-visible: false}}#system-info{display:grid;grid-template-columns:30px auto;grid-gap:10px;height:50px;padding:0 10px;position:relative;flex:0 0 50px;flex-direction:row;align-items:center;background-color:#29333d}#system-info:after{display:none}#system-info:focus,#system-info:hover{background-color:#1f272e !important}#site-icon{height:30px}#site-icon img,#site-icon svg{display:block;width:30px;height:30px;border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0;transition:fill linear 100ms}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#system-name h2:after,#system-name .h2:after{display:block;content:\"\";font-size:0;position:absolute;top:0;width:var(--m);background-image:linear-gradient(to right, rgba(41, 51, 61, 0), #29333d)}body.ltr #system-name h2:after,body.ltr #system-name .h2:after{right:0}body.rtl #system-name h2:after,body.rtl #system-name .h2:after{left:0}#system-info:hover #system-name h2:after,#system-info:hover #system-name .h2:after{background-image:linear-gradient(to right, rgba(31, 39, 46, 0), #1f272e)}#job-icon{align-items:flex-start}#job-icon>span.icon{display:block;position:relative;width:16px;height:16px;margin-top:2px !important}#job-icon>span.icon>canvas{display:block;position:absolute;width:16px;height:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0;transition:opacity linear 100ms}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}#nav{flex:1;margin:22px 0 0;padding-bottom:var(--xl);overflow:visible}#nav li:not(.has-subnav)>a.sel{color:var(--white);background-color:var(--gray-900);opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{position:relative;padding-left:var(--m);padding-right:var(--m)}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"external\"}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a:active .icon{opacity:1}#nav li a .icon{opacity:.5}#nav li a .icon.icon-mask svg rect,#nav li a .icon.icon-mask svg circle,#nav li a .icon.icon-mask svg ellipse,#nav li a .icon.icon-mask svg line,#nav li a .icon.icon-mask svg polyline,#nav li a .icon.icon-mask svg polygon,#nav li a .icon.icon-mask svg path,#nav li a .icon.icon-mask svg text{fill:var(--white);stroke-width:0;transition:fill linear 100ms}#nav li a .icon.icon-mask span[data-icon]{color:var(--white)}#nav li a .label,#nav li a .label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px !important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m) !important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl)}#app-info{margin-top:var(--xs);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-info a{color:var(--gray-600);text-decoration:underline}#app-info a.go:hover:after{color:var(--gray-600)}#edition-logo{user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;height:20px;box-sizing:content-box;font-size:11px}#edition-logo>.edition-name,#edition-logo>.edition-trial{padding:6px 7px 5px;line-height:var(--s)}#edition-logo>.edition-name{font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase;transition:color linear 100ms}#edition-logo>.edition-trial{display:inline-block;position:relative;background-color:var(--gray-600);color:var(--gray-200);border-radius:0 1px 1px 0;letter-spacing:1px;text-transform:lowercase;transition:background linear 100ms}body.ltr #edition-logo>.edition-trial{margin-left:5px}body.rtl #edition-logo>.edition-trial{margin-right:5px}body.ltr #edition-logo>.edition-trial{padding-left:5px}body.rtl #edition-logo>.edition-trial{padding-right:5px}body.ltr #edition-logo>.edition-trial{padding-right:7px}body.rtl #edition-logo>.edition-trial{padding-left:7px}#edition-logo>.edition-trial:before{display:block;position:absolute;top:0;content:\"\";font-size:0;width:0;height:0;border-style:solid;transition:border-color linear 100ms}body.ltr #edition-logo>.edition-trial:before{left:-10px;border-width:0 10px 20px 0;border-color:rgba(0,0,0,0) var(--gray-600) rgba(0,0,0,0) rgba(0,0,0,0)}body.rtl #edition-logo>.edition-trial:before{right:-10px;border-width:0 0 20px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--gray-600)}#devmode{flex:0 0 4px;width:100%;min-height:4px;background:url(../images/dev-mode.svg) repeat-x 21px 0;cursor:help}#page-container{display:flex;flex-direction:column;flex-grow:1}body.ltr #page-container{padding-left:226px}body.rtl #page-container{padding-right:226px}#alerts{position:relative;background-color:var(--red-050);border-left:5px solid var(--error-color);padding:11px 0;text-align:center;color:var(--error-color)}#alerts li{padding:4px var(--xl)}#alerts li a{color:var(--error-color);text-decoration:underline}#alerts li a.go{text-decoration:none;white-space:nowrap;border:1px solid rgba(207,17,36,.5);border-radius:var(--medium-border-radius);padding:3px 5px;margin:0 2px}#alerts li a.go:after{color:var(--error-color)}#alerts li a.go:hover{border-color:var(--error-color);transition:border-color linear 100ms}#global-header{width:100%;margin-bottom:var(--m);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background:var(--gray-050)}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-500);--ui-control-active-color: var(--gray-600)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:50px;line-height:26px;color:var(--gray-300);text-align:center}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--gray-400)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);transition:color linear 100ms}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.breadcrumb-list li{display:inline-flex;align-items:center}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li::after{content:none}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:30px;height:30px;padding-left:0;padding-right:0;width:40px;position:relative}#announcements-btn:not(:hover):not(:active):not(.active){background-color:rgba(0,0,0,0)}#announcements-btn:not(:active):not(.active):hover{background-color:rgba(154,165,177,.15)}#announcements-btn.unread:after{content:\"\";display:block;position:absolute;top:3px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{width:22px;height:22px}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0;transition:fill linear 100ms}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--link-color);stroke-width:0;transition:fill linear 100ms}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{margin-top:-3px;display:flex;align-items:center;margin-bottom:3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;width:15px;height:15px}#announcements .announcement .announcement-label-container .announcement-label{margin-left:5px;font-size:12px;color:var(--light-text-color)}#announcements .announcement h2{position:relative;margin:0 0 3px}#announcements .announcement.unread h2:after{content:\"\";display:block;position:absolute;top:7px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements .announcement.unread h2:after{left:-13px}body.rtl #announcements .announcement.unread h2:after{right:-13px}#announcements .announcement p{margin:0}#user-info{display:flex;flex-direction:row;align-items:center;padding-top:5px;padding-bottom:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}body.ltr #user-info{padding-right:25px}body.rtl #user-info{padding-left:25px}#user-info:after{border-color:var(--ui-control-color);transition:border-color linear 100ms}#user-info:hover:after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]:after{border-color:var(--ui-control-active-color)}.header-photo{padding:5px 0}.header-photo img{display:block;width:30px;height:30px;max-width:none;border-radius:50%;box-shadow:0 0 0 1px rgba(31,41,51,.05),0 0 0 rgba(31,41,51,0);transition:box-shadow linear 150ms}#user-info:hover .header-photo img{box-shadow:0 0 0 1px rgba(31,41,51,.05),0 2px 10px -2px rgba(31,41,51,.3)}#main-container{position:relative;flex-grow:1}#notifications{position:fixed;bottom:8px;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}@media only screen and (min-width: 974px){#notifications{width:350px}}#notifications .notification{display:flex;position:relative;background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);padding:10px 14px;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px rgba(19,26,32,.15),0 2px 12px rgba(19,26,32,.15);--color: var(--notice-color)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color: var(--success-color)}#notifications .notification[data-type=error]{--color: var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{width:18px;margin-top:-2px;font-size:18px;color:var(--color)}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:bold}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .element{border:1px solid rgba(51,64,77,.1)}#notifications .notification .notification-close-btn{position:relative;top:-2px}body.ltr #notifications .notification .notification-close-btn{margin-left:10px}body.rtl #notifications .notification .notification-close-btn{margin-right:10px}#header-container{margin-bottom:var(--m)}#crumbs,#header{padding-left:var(--xl);padding-right:var(--xl)}@media only screen and (min-width: 1200px){#primary-nav-toggle{display:none}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{display:flex;align-items:flex-start;align-content:stretch;flex-wrap:nowrap;justify-content:space-between;gap:var(--s);padding-top:var(--s);padding-bottom:var(--s);position:relative;z-index:2;width:calc(100vw - 226px);box-sizing:border-box;background-color:rgba(154,165,177,0);box-shadow:0 1px 0 rgba(51,64,77,0);transition:background-color linear 100ms,box-shadow linear 100ms}body.fixed-header #header{position:fixed;z-index:12;top:0;background-color:var(--gray-100);box-shadow:inset 0 -1px 0 rgba(63,77,90,.1)}@supports(backdrop-filter: blur(10px)){#header{transition:background-color linear 100ms,box-shadow linear 100ms,backdrop-filter linear 100ms}body.fixed-header #header{background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}}#header h1{line-height:34px;margin-top:0;margin-bottom:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header .buttons,#header .btngroup{margin-top:0}@media only screen and (min-width: 974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start}#toolbar .btn,#toolbar .text{color:#394b60}#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}#main-content{display:flex;flex-direction:row;align-items:flex-start;width:calc(100vw - 226px);padding:0 var(--xl) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 226px;width:226px;box-sizing:border-box}body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}#sidebar{box-sizing:border-box;padding:0 31px;width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed;overflow-y:auto;padding-top:var(--m);padding-bottom:var(--m)}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#sidebar nav li a.sel{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050)}#sidebar nav li a.sel:focus{box-shadow:var(--focus-ring)}#content-container{flex:1}#main-content:not(.has-sidebar):not(.has-details) #content-container{width:100%;max-width:100%}#main-content.has-sidebar #content-container{width:calc(100% - 202px);max-width:calc(100% - 202px)}#main-content.has-details #content-container{width:calc(100% - 350px - var(--m));max-width:calc(100% - 350px - var(--m))}#content-container #main-content.has-sidebar.has-details{width:calc(100% - 226px - 350px - 38px);max-width:calc(100% - 226px - 350px - 38px)}#content-heading{margin-top:var(--xl) !important}@media only screen and (min-width: 974px){#content-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}}.content-pane{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);position:relative;background-clip:padding-box;padding:var(--xl);word-wrap:break-word}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-left:calc(var(--xl)*-1);margin-right:calc(var(--xl)*-1)}#footer{z-index:1;margin:25px calc(var(--xl)*-1) calc(var(--xl)*-1);padding:var(--s) var(--xl);background-color:var(--gray-050);border-radius:0 0 var(--large-border-radius) var(--large-border-radius);box-sizing:border-box;min-height:50px}#footer:empty{display:none}#footer>*,#footer .flex>*{margin-bottom:0}#details-container{flex:0 0 388px;width:388px;box-sizing:border-box}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed;overflow-y:auto;padding-top:var(--m)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details .meta:not(.read-only):not(.warning):focus{box-shadow:var(--focus-ring)}#details .details .meta.read-only{color:var(--medium-text-color);background-color:rgba(0,0,0,0) !important}#details .details .meta>.field:first-child,#details .details .meta>.data:first-child{border-top-right-radius:var(--large-border-radius)}#details .details .meta>.field:first-child,#details .details .meta>.field:first-child>.status-badge,#details .details .meta>.data:first-child,#details .details .meta>.data:first-child>.status-badge{border-top-left-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-bottom-right-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.field:last-child>.status-badge,#details .details .meta>.data:last-child,#details .details .meta>.data:last-child>.status-badge{border-bottom-left-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius: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)}}@media only screen and (max-width: 767px){#crumbs,#header,#main-content{padding-left:10px !important;padding-right:10px !important}#tabs ul li a{padding-left:var(--m);padding-right:var(--m)}body.ltr #tabs ul li+li{margin-left:-7px}body.rtl #tabs ul li+li{margin-right:-7px}}body.ltr #settingsmenu ul li a{padding-left:46px}body.rtl #settingsmenu ul li a{padding-right:46px}#settingsmenu ul li a:before{font-size:15px}body.ltr #settingsmenu ul li a:before{margin:1px 0 0 -22px}body.rtl #settingsmenu ul li a:before{margin:1px -22px 0 0}#settingsmenu ul li a img{width:16px;height:16px;position:absolute;margin-left:-23px;margin-top:1px}.grid{position:relative;min-height:1px}.grid:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.grid>.item{display:none;box-sizing:border-box}.sidebar{width:226px;box-sizing:border-box;font-size:13px}.sidebar:not(.drag-helper){padding:var(--m) 0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin:var(--m) var(--xl) 2px}.sidebar .heading span{display:inline-block;position:relative;z-index:1;padding:0 5px;margin:0 -5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li>.toggle{left:calc(var(--m) * 0)}body.rtl .sidebar nav>ul>li>.toggle{right:calc(var(--m) * 0)}body.ltr .sidebar nav>ul>li>ul>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li>ul>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li>ul>li>.toggle{left:calc(var(--m) * 1)}body.rtl .sidebar nav>ul>li>ul>li>.toggle{right:calc(var(--m) * 1)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 2)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 2)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 3)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 3)}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{left:calc(var(--m) * 4)}body.rtl .sidebar nav>ul>li>ul>li>ul>li>ul>li>ul>li>.toggle{right:calc(var(--m) * 4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a{transition:background-color linear 100ms}.sidebar nav li:not(.has-subnav)>a:hover{text-decoration:none;background-color:var(--gray-100)}.sidebar nav li:not(.has-subnav)>a.sel{cursor:default;background-color:var(--gray-200)}.sidebar nav li a{position:relative;margin-bottom:1px;display:flex;flex-direction:row;align-items:center;padding:7px var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;width:18px;height:18px;word-break:normal;transition:margin-left linear 150ms,margin-right linear 150ms}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:var(--ui-control-color);stroke-width:0;transition:fill linear 100ms}.sidebar nav li a .icon.icon-mask span[data-icon]{color:var(--ui-control-color)}.sidebar nav li a .icon svg{width:16px;height:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{flex-shrink:1;padding:0 6px;font-size:11px;line-height:16px;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;top:0;width:var(--xl);display:flex;align-items:center;justify-content:center}.sidebar nav li ul{display:none}.sidebar nav li.expanded>ul{display:block}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*{margin:0 0 var(--row-gap) !important;padding:0 var(--row-gap);box-sizing:border-box}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:first-child),#content>.flex-fields>h2:not(:first-child),.so-content .flex-fields>h2:not(:first-child){padding-top:var(--xl);border-top:1px solid var(--hairline-color)}#content :not(.meta)>.flex-fields>hr,#content :not(.meta)>.flex-fields>.line-break,#content>.flex-fields>hr,#content>.flex-fields>.line-break,.so-content .flex-fields>hr,.so-content .flex-fields>.line-break{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child){margin-bottom:0 !important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{position:absolute;top:0;width:1px;height:100%;content:\"\";background-color:rgba(205,216,228,.5)}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 500px)and (max-width: 1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 1536px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.lp-editor-container,.lp-preview-container{position:fixed;top:0;height:100%;background-color:var(--white);z-index:100}.lp-editor-container header,.lp-preview-container header{padding:8px 24px;background-color:var(--gray-100);box-shadow:0 1px 0 rgba(63,77,90,.2);box-sizing:border-box;position:relative;z-index:1}@supports(backdrop-filter: blur(10px)){.lp-editor-container header,.lp-preview-container header{position:absolute;z-index:2;top:0;left:0;width:100%;background-color:rgba(228,237,246,.75);backdrop-filter:blur(10px)}.lp-editor-container header+.lp-editor,.lp-preview-container header+.lp-editor{padding-top:78px}}.lp-editor-container header .btn,.lp-editor-container header .spinner,.lp-editor-container header .checkmark-icon,.lp-preview-container header .btn,.lp-preview-container header .spinner,.lp-preview-container header .checkmark-icon{margin-bottom:0}.lp-editor-container{display:flex;flex-direction:column}.lp-editor-container .lp-editor{flex:1;padding:24px;overflow:auto;box-sizing:border-box}.lp-editor-container .lp-editor>.field:last-child{margin-bottom:24px !important}body.ltr .lp-editor-container .lp-editor>.field>.status-badge{left:-24px}body.rtl .lp-editor-container .lp-editor>.field>.status-badge{right:-24px}.lp-editor-container .lp-draghandle{position:absolute;z-index:6;top:0;width:4px;height:100%;cursor:col-resize}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(63,77,90,.2)}.lp-preview-container.dragging:after{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";font-size:0}.lp-preview-container .lp-preview-header{display:flex}@supports not (backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header{background-color:rgba(228,237,246,.75)}}.lp-preview-container .lp-preview-header .buttons{margin:0}body.ltr .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-left:7px}body.rtl .lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-right:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:0}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-top:50px}}.lp-preview-container .lp-preview-header .lp-device-type{margin:0}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__radio-group{display:flex;white-space:nowrap;align-items:center}body.ltr .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:1px}body.rtl .lp-preview-container .lp-device-type__item:not(:last-child) .btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px}.lp-preview-container .lp-preview-container__bumper-link{top:unset;bottom:0}body.ltr .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .lp-preview-container .lp-device-type__item:not(:first-child) .btn{border-top-right-radius:0;border-bottom-right-radius:0}.lp-preview-container .lp-device-type__input.focus-visible+label{box-shadow:var(--focus-ring)}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;width:100%;min-height:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{width:auto !important;height:100% !important;transform:none !important;margin:0 !important}.lp-preview-container .lp-iframe-container--has-device-preview{flex:none;padding-top:0 !important;position:relative;top:0;height:calc(100% - 50px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{top:50px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{position:absolute;top:50%;left:50%;z-index:2;overflow:auto;opacity:1;transition:opacity .3s}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-mask{display:block;position:absolute;top:50%;left:50%;z-index:1;background-image:url(../images/preview/chrome-phone-top.svg),url(../images/preview/chrome-phone-bottom.svg);background-position:top center,bottom center;background-repeat:no-repeat;background-size:contain;background-color:#fff;box-shadow:0 0 58px rgba(6,67,117,.3);border-radius:18px}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(../images/preview/chrome-tablet-top.svg),url(../images/preview/chrome-tablet-bottom.svg)}@media screen and (prefers-reduced-motion: no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.layoutdesigner{display:flex;align-items:stretch;position:relative;border-radius:3px;border:1px solid rgba(96,125,159,.25);background-color:#fbfcfe;background-clip:padding-box;overflow:hidden;box-shadow:none;min-height:500px}body.ltr .layoutdesigner{padding-right:241px}body.rtl .layoutdesigner{padding-left:241px}.errors>.layoutdesigner{border:1px solid var(--error-color) !important}.layoutdesigner .fld-workspace{flex:1;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px #acbed2}body.ltr .layoutdesigner .fld-workspace{border-radius:var(--small-border-radius) 0 0 var(--small-border-radius)}body.rtl .layoutdesigner .fld-workspace{border-radius:0 var(--small-border-radius) var(--small-border-radius) 0}body.ltr .layoutdesigner .fld-workspace{padding:24px 0 24px 24px}body.rtl .layoutdesigner .fld-workspace{padding:24px 24px 24px 0}.layoutdesigner .fld-workspace .fld-tabs{display:flex;align-items:flex-start;flex-wrap:wrap}.layoutdesigner .fld-sidebar{position:absolute;top:0;height:100%;width:241px;padding:14px;overflow:auto;box-sizing:border-box}body.ltr .layoutdesigner .fld-sidebar{right:0}body.rtl .layoutdesigner .fld-sidebar{left:0}.layoutdesigner .fld-sidebar .btngroup{margin-bottom:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group{margin-top:14px}.layoutdesigner .fld-sidebar .fld-field-library .fld-field-group h6{margin-bottom:7px}.layoutdesigner .fld-sidebar .filtered{display:none}.layoutdesigner .fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-sidebar,.fld-tab .tabs .tab,.fld-tab .fld-tabcontent,.fld-new-tab-btn,.fld-new-tab-btn:hover{background-color:var(--white);box-shadow:0 0 0 1px rgba(31,41,51,.1),0 2px 5px -2px rgba(31,41,51,.2)}body.ltr .fld-tab .settings,body.ltr .fld-element .settings,body.ltr .fld-element .slide-picker{margin-left:7px}body.rtl .fld-tab .settings,body.rtl .fld-element .settings,body.rtl .fld-element .slide-picker{margin-right:7px}.fld-tab .settings:before,.fld-element .settings:before{margin-top:-2px;font-size:16px;opacity:.5}.fld-tab .settings:hover:before,.fld-tab .settings.active:before,.fld-element .settings:hover:before,.fld-element .settings.active:before{opacity:1}.fld-tab{width:264px;box-sizing:border-box}body.ltr .fld-tab{padding:0 25px 24px 0}body.rtl .fld-tab{padding:0 0 24px 25px}.fld-tab .tabs{margin:-10px -12px 0;padding:10px 12px 0;overflow:hidden;display:flex}.fld-tab .tabs .tab{display:flex;max-width:calc(100% - 10px);box-sizing:border-box;padding:8px 14px;border-radius:var(--medium-border-radius) var(--medium-border-radius) 0 0}body:not(.dragging) .fld-tab .tabs .tab.draggable{cursor:move;cursor:grab}.fld-tab .tabs .tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-tab .fld-tabcontent{padding:14px}body.ltr .fld-tab .fld-tabcontent{border-radius:0 var(--medium-border-radius) var(--medium-border-radius) var(--medium-border-radius)}body.rtl .fld-tab .fld-tabcontent{border-radius:var(--medium-border-radius) 0 var(--medium-border-radius) var(--medium-border-radius)}.fld-tab.fld-insertion .tabs .tab,.fld-tab.fld-insertion .fld-tabcontent{margin:-2px;border:2px dashed var(--hairline-color);box-shadow:none;background-color:var(--gray-050);background-image:linear-gradient(to right, hsl(212deg, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212deg, 50%, 95%) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-required-indicator{display:inline-flex;font-size:9px;color:var(--link-color)}body.ltr .fld-required-indicator{margin-left:4px}body.rtl .fld-required-indicator{margin-right:4px}.fld-element{position:relative;z-index:0;display:flex;align-items:center;padding:7px 10px;box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}.fld-element.has-conditions:after{position:absolute;content:\" \";top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border:2px solid rgba(0,0,0,0);border-radius:var(--medium-border-radius);background-image:linear-gradient(var(--white), var(--white)),repeating-linear-gradient(-45deg, var(--white), var(--white) 5px, transparent 5px, transparent 10px);background-origin:border-box;background-clip:content-box,border-box}body:not(.dragging) .fld-element{cursor:move;cursor:grab}.fld-element+.fld-element{margin-top:7px}.fld-element.fld-insertion{box-sizing:border-box;border:2px dashed var(--hairline-color);border-radius:var(--medium-border-radius);background:none;box-shadow:none}.fld-element.draghelper{box-shadow:0 1px 5px -1px rgba(31,41,51,.2)}.fld-element.fld-field{color:var(--medium-text-color);background-color:var(--gray-100)}.fld-element.fld-field.has-conditions:after{position:absolute;content:\" \";top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border:2px solid rgba(0,0,0,0);border-radius:var(--medium-border-radius);background-image:linear-gradient(var(--gray-100), var(--gray-100)),repeating-linear-gradient(-45deg, var(--white), var(--white) 5px, transparent 5px, transparent 10px);background-origin:border-box;background-clip:content-box,border-box}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"shuteye\"}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0;transition:fill linear 100ms}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}body.dragging{cursor:move !important;cursor:grabbing !important}.fld-hr,.fld-br{display:flex;justify-content:center;padding:9px 10px}.fld-hr:before,.fld-br:before{position:absolute;display:block;top:calc(50% - 2px);left:10px;width:calc(100% - 20px);height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;background-color:var(--gray-100);border-radius:8px;padding:1px 7px}.fld-hr:before{background-color:var(--gray-100)}.fld-br:before{background-image:repeating-linear-gradient(to right, var(--gray-100), var(--gray-100) 5.2631578947%, transparent 5.2631578947%, transparent 10.5263157895%, var(--gray-100) 10.5263157895%)}.fld-element-settings-body{flex:1;margin:-24px var(--neg-padding) 0;padding:24px var(--padding);overflow:hidden auto;position:relative}.fld-element-settings-footer{position:relative;display:flex;flex-direction:row;margin:0 var(--neg-padding) -24px;padding:var(--padding);background:#fff;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);background-color:var(--gray-050);z-index:3}.fld-element-settings-footer:focus{box-shadow:var(--focus-ring)}.fld-element-settings-footer>.ee-site-select{flex:1}body.ltr .fld-element-settings-footer>.btn{margin-left:5px}body.rtl .fld-element-settings-footer>.btn{margin-right:5px}body.ltr .fld-element-settings-footer>.spinner{margin:0 var(--neg-padding) 0 0}body.rtl .fld-element-settings-footer>.spinner{margin:0 0 0 var(--neg-padding)}html.noscroll,html.noscroll body{overflow:hidden;height:100%}.modal.imageeditor{background-color:var(--gray-900);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);opacity:0;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body:after{display:none}.modal.imageeditor .btn:not(.submit):not(.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit):not(.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit):not(.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon::before{width:24px;height:24px;margin-top:-4px;margin-left:-3px;display:inline-block;content:\"\"}.modal.imageeditor .icon.rotate-left::before{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .icon.rotate-right::before{background-image:url(../images/image-editor/rotate-right.svg)}.modal.imageeditor .icon.flip-vertical::before{background-image:url(../images/image-editor/flip-vertical.svg)}.modal.imageeditor .icon.flip-horizontal::before{background-image:url(../images/image-editor/flip-horizontal.svg)}.modal.imageeditor .icon.constraint::before{background-image:url(../images/image-editor/unconstrained.svg)}.modal.imageeditor .icon.focal-point::before{background-image:url(../images/image-editor/focal-point.svg)}.modal.imageeditor .body{display:flex;padding:0}.modal.imageeditor input{color:var(--text-color)}.modal.imageeditor .body .tabs{border-right:1px solid var(--gray-1000)}.modal.imageeditor .body .tabs ul{width:100px;flex-direction:column;align-items:stretch}.modal.imageeditor .body .tabs ul li{position:relative;padding:14px;text-align:center;border-bottom:1px solid var(--gray-1000);cursor:pointer}.modal.imageeditor .body .tabs ul li::before{position:absolute;top:0;content:\"\";width:0;height:100%;background-color:currentColor}body.ltr .modal.imageeditor .body .tabs ul li::before{left:0}body.rtl .modal.imageeditor .body .tabs ul li::before{right:0}.modal.imageeditor .body .tabs ul li.selected{background-color:#151c23}.modal.imageeditor .body .tabs ul li.selected::before{width:2px}.modal.imageeditor .body .tabs ul li i{background-repeat:no-repeat;background-position:top center;display:block;height:24px}.modal.imageeditor .body .tabs ul li[data-view=rotate] i{background-image:url(../images/image-editor/rotate-left.svg)}.modal.imageeditor .body .tabs ul li[data-view=crop] i{background-image:url(../images/image-editor/crop.svg)}.modal.imageeditor .body .tabs ul li[data-view=filters] i{background-image:url(../images/image-editor/filters.svg)}.modal.imageeditor .body .tabs ul li:hover{background-color:#1b242c}.modal.imageeditor .body .tabs ul li:hover{cursor:pointer}.modal.imageeditor .body .views{padding:24px;overflow:auto}.modal.imageeditor .body .views .btngroup{margin-bottom:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{text-align:center;margin-right:14px;margin-bottom:14px}.modal.imageeditor .body .views .filters ul li:last-child{margin-right:0}.modal.imageeditor .body .views .filters ul li img{border:3px solid rgba(0,0,0,0);border-radius:4px}.modal.imageeditor .body .views .filters ul li span{display:block}.modal.imageeditor .body .views .filters ul li:hover{cursor:pointer}.modal.imageeditor .body .views .filters ul li.selected img{border-color:var(--white)}.modal.imageeditor .body .image-container{flex-grow:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal.imageeditor .body .image-container .image{text-align:center;flex-grow:1;position:relative;margin:14px}.modal.imageeditor .body .image-container .image canvas{position:absolute;top:0;left:0}.modal.imageeditor .body .image-container .image-tools{text-align:center}.modal.imageeditor .body .image-container .image-tools .straightening{max-width:400px;min-height:3.75rem;display:block;margin:0 auto;overflow:hidden}.modal.imageeditor .footer{position:absolute;background-color:rgba(0,0,0,0);bottom:0;left:0;width:100%;border-top:1px solid #000}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:21px}body.rtl .modal.imageeditor .body .views .crop .custom{padding-right:21px}.modal.imageeditor .body .views .crop .orientation{display:flex;align-items:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center center;background-repeat:no-repeat;margin:0 4px;cursor:pointer}.modal.imageeditor .body .views .crop .orientation input[value=landscape]{width:30px;height:20px;background-image:url(../images/image-editor/orientation-landscape-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=landscape]:checked{background-image:url(../images/image-editor/orientation-landscape-checked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]{width:20px;height:30px;background-image:url(../images/image-editor/orientation-portrait-unchecked.svg)}.modal.imageeditor .body .views .crop .orientation input[value=portrait]:checked{background-image:url(../images/image-editor/orientation-portrait-checked.svg)}.modal.imageeditor.vertical .body .views .crop>.btngroup:first-child{justify-content:center}.modal.imageeditor:not(.vertical) .body .views .crop .constraint.custom{margin-top:var(--xs)}.vertical.imageeditor .body{flex-direction:column}.vertical.imageeditor .body .image-container{flex-basis:30vh;flex-shrink:0}.vertical.imageeditor .body .constraint-group{grid-template-columns:1fr 1fr}.vertical.imageeditor .body .tabs ul{display:flex;flex-direction:row;width:100%;border-top:1px solid #000;border-bottom:1px solid #000}.vertical.imageeditor .body .tabs ul li{flex-grow:1;border:0;border-right:1px solid #000;padding:10px 7px}.vertical.imageeditor .body .tabs ul li::before{top:unset;top:0;width:100%;height:0}.vertical.imageeditor .body .tabs ul li.selected::before{width:100%;height:2px}.vertical.imageeditor .body .views{width:auto}.vertical.imageeditor .body .views .rotate{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin:0 7px 14px}.vertical.imageeditor .body .views .filters ul{width:auto;height:109px;overflow:auto;white-space:nowrap;margin:0 -24px;margin-bottom:-24px;padding:24px;text-align:center}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-bottom:0}.slide-rule{position:relative;padding:10px 0}.slide-rule:focus{box-shadow:none}body:not(.reduce-focus-visibility) .slide-rule:focus .cursor::after,body.reduce-focus-visibility .slide-rule.focus-visible .cursor::after{box-shadow:var(--focus-ring)}.slide-rule .cursor::after{content:\"\";width:1.25rem;height:3.125rem;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.slide-rule .cursor{position:absolute;margin-left:-0.25rem;margin-top:4px;left:50%;z-index:1;width:0;height:0;border-left:0.3125rem solid rgba(0,0,0,0);border-right:0.3125rem solid rgba(0,0,0,0);border-top:0.3125rem solid #63a6e1}.slide-rule .graduations{white-space:nowrap;height:40px;position:relative}.slide-rule .graduations ul{position:relative;float:left}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:not(.main-graduation){left:1px}.slide-rule .graduations ul li.main-graduation:before{border-left-width:3px}.slide-rule .graduations ul li.main-graduation .label{display:block;cursor:default}.slide-rule .graduations ul li.selected:before{border-left-color:#63a6e1}.slide-rule .graduations ul li:before{content:\"\";position:absolute;border-left:1px solid var(--white);height:10px;top:0px;left:0}.slide-rule .graduations ul li .label{width:20px;position:absolute;top:10px;left:-9px;display:none;text-align:center}.slide-rule .value{display:none;position:absolute;bottom:0;left:50%;z-index:1;box-sizing:border-box;padding:5px;width:50px;margin-left:-25px;background:var(--gray-600)}.slide-rule .overlay{z-index:2;position:absolute;top:0;right:0;bottom:1px;left:0;background-image:linear-gradient(to right, var(--gray-900) 0%, rgba(31, 41, 51, 0) 15%, rgba(31, 41, 51, 0) 85%, var(--gray-900) 100%)}.menu.dark{background-color:var(--gray-600);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}_:-ms-lang(x),.elements .tableview td.checkbox-cell input.checkbox+label,.elements .tableview td.checkbox-cell div.checkbox{top:16px}_:-ms-lang(x),input.checkbox+label:empty,div:empty.checkbox{display:block}.yii-debug-toolbar__title a{display:block !important}","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n  --white: #fff;\n  --black: #000;\n\n  --gray-050: hsl(212, 60%, 97%);\n  --gray-100: hsl(212, 50%, 93%);\n  --gray-200: hsl(212, 30%, 85%);\n  --gray-300: hsl(211, 13%, 65%);\n  --gray-350: hsl(211, 11%, 59%);\n  --gray-400: hsl(210, 10%, 53%);\n  --gray-500: hsl(211, 12%, 43%);\n  --gray-550: hsl(210, 13%, 40%);\n  --gray-600: hsl(209, 14%, 37%);\n  --gray-700: hsl(209, 18%, 30%);\n  --gray-800: hsl(209, 20%, 25%);\n  --gray-900: hsl(210, 24%, 16%);\n  --gray-1000: hsl(210, 24%, 10%);\n\n  --blue-050: #e3f8ff;\n  --blue-100: #b3ecff;\n  --blue-200: #81defd;\n  --blue-300: #5ed0fa;\n  --blue-400: #40c3f7;\n  --blue-500: #2bb0ed;\n  --blue-600: #1992d4;\n  --blue-700: #127fbf;\n  --blue-800: #0b69a3;\n  --blue-900: #035388;\n\n  --cyan-050: #e0fcff;\n  --cyan-100: #bef8fd;\n  --cyan-200: #87eaf2;\n  --cyan-300: #54d1db;\n  --cyan-400: #38bec9;\n  --cyan-500: #2cb1bc;\n  --cyan-600: #14919b;\n  --cyan-700: #0e7c86;\n  --cyan-800: #0a6c74;\n  --cyan-900: #044e54;\n\n  --pink-050: #ffe3ec;\n  --pink-100: #ffb8d2;\n  --pink-200: #ff8cba;\n  --pink-300: #f364a2;\n  --pink-400: #e8368f;\n  --pink-500: #da127d;\n  --pink-600: #bc0a6f;\n  --pink-700: #a30664;\n  --pink-800: #870557;\n  --pink-900: #620042;\n\n  --red-050: #ffe3e3;\n  --red-100: #ffbdbd;\n  --red-200: #ff9b9b;\n  --red-300: #f86a6a;\n  --red-400: #ef4e4e;\n  --red-500: #e12d39;\n  --red-600: #cf1124;\n  --red-700: #ab091e;\n  --red-800: #8a041a;\n  --red-900: #610316;\n\n  --yellow-050: #fffbea;\n  --yellow-100: #fff3c4;\n  --yellow-200: #fce588;\n  --yellow-300: #fadb5f;\n  --yellow-400: #f7c948;\n  --yellow-500: #f0b429;\n  --yellow-600: #de911d;\n  --yellow-700: #cb6e17;\n  --yellow-800: #b44d12;\n  --yellow-900: #8d2b0b;\n\n  --teal-050: #effcf6;\n  --teal-100: #c6f7e2;\n  --teal-200: #8eedc7;\n  --teal-300: #65d6ad;\n  --teal-400: #3ebd93;\n  --teal-500: #27ab83;\n  --teal-550: #20a07b;\n  --teal-600: #199473;\n  --teal-700: #147d64;\n  --teal-800: #0c6b58;\n  --teal-900: #014d40;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n  --bg-color: $grey100;\n  --bg-color-hsl: #{hue($grey100)}, #{saturation($grey100)},\n    #{lightness($grey100)};\n\n  // submit button colors\n  --primary-color: var(--red-500);\n  --secondary-color: var(--gray-500);\n\n  --input-color: hsl(212, 25%, 50%);\n\n  // text colors\n  --text-color: var(--gray-700);\n  --medium-dark-text-color: var(--gray-550);\n  --medium-text-color: var(--gray-550);\n  --light-text-color: var(--gray-500);\n  --link-color: #2563eb;\n\n  // font styles\n  --font-weight-bold: 700;\n\n  // menu colors\n  --menu-option-color: var(--text-color);\n  --menu-option-active-color: var(--white);\n  --menu-option-active-background-color: var(--gray-350);\n\n  // hairline colors\n  --hairline-color: #{transparentize(hsl(209, 20%, 25%), 0.9)};\n  --medium-hairline-color: #{transparentize(hsl(209, 14%, 37%), 0.75)};\n  --dark-hairline-color: #{transparentize(hsl(210, 10%, 53%), 0.5)};\n\n  // focus colors\n  --light-focus-color: var(--blue-300);\n  --medium-focus-color: var(--blue-500);\n  --dark-focus-color: #0f74b1;\n\n  // focus rings\n  --light-focus-ring: 0 0 0 1px #5ed0fa,\n    0 0 0 3px #{transparentize(#5ed0fa, 0.3)};\n  --medium-focus-ring: 0 0 0 1px #2bb0ed,\n    0 0 0 3px #{transparentize(#2bb0ed, 0.3)};\n  --dark-focus-ring: 0 0 0 1px #0f74b1,\n    0 0 0 3px #{transparentize(#0f74b1, 0.3)};\n\n  // selection colors\n  --light-sel-color: var(--gray-200);\n  --dark-sel-color: var(--gray-600);\n\n  // alert/notice colors\n  --error-color: var(--red-600);\n  --warning-color: var(--yellow-800);\n  --success-color: var(--teal-700);\n  --notice-color: var(--blue-800);\n\n  // status colors\n  --enabled-color: var(--teal-550);\n  --pending-color: var(--yellow-700);\n  --disabled-color: var(--red-600);\n\n  // UI element styles\n  --small-border-radius: 3px;\n  --medium-border-radius: 4px;\n  --large-border-radius: 5px;\n\n  --menu-border-radius: var(--medium-border-radius);\n  --checkbox-size: 16px;\n  --radio-size: 16px;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size * 0.5;\n  background-image: linear-gradient(45deg, var(--gray-100) 25%, transparent 25%),\n    linear-gradient(135deg, var(--gray-100) 25%, transparent 25%),\n    linear-gradient(45deg, transparent 75%, var(--gray-100) 75%),\n    linear-gradient(135deg, transparent 75%, var(--gray-100) 75%);\n  background-size: $size $size;\n  background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n\n@mixin striped-bg($size, $color: $grey100) {\n  // h/t https://css-tricks.com/stripes-css/\n  $halfSize: $size * 0.5;\n  body.ltr & {\n    background: repeating-linear-gradient(\n      135deg,\n      var(--white),\n      var(--white) $halfSize,\n      $color $halfSize,\n      $color $size\n    );\n  }\n  body.rtl & {\n    background: repeating-linear-gradient(\n      45deg,\n      var(--white),\n      var(--white) $halfSize,\n      $color $halfSize,\n      $color $size\n    );\n  }\n}\n\n@font-face {\n  font-family: 'Craft';\n  src: url('../fonts/Craft.woff') format('woff'),\n    url('../fonts/Craft.ttf') format('truetype'),\n    url('../fonts/Craft.svg#Craft') format('svg');\n  font-weight: normal;\n  font-style: normal;\n}\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ----------------------------------------*/\n\n:root {\n  --ui-control-color: var(--gray-550);\n  --ui-control-hover-color: var(--gray-600);\n  --ui-control-active-color: var(--gray-700);\n  --icon-opacity: 0.8;\n  --light-focus-hsl: #{hue($lightFocusColor)}, #{saturation($lightFocusColor)},\n    #{lightness($lightFocusColor)};\n  --medium-focus-hsl: #{hue($mediumFocusColor)},\n    #{saturation($mediumFocusColor)}, #{lightness($mediumFocusColor)};\n  --dark-focus-hsl: #{hue($darkFocusColor)}, #{saturation($darkFocusColor)},\n    #{lightness($darkFocusColor)};\n  --focus-ring: 0 0 0 1px hsl(var(--dark-focus-hsl)),\n    0 0 0 3px hsla(var(--dark-focus-hsl), 0.8);\n  --inner-focus-ring: inset 0 0 0 1px hsl(var(--dark-focus-hsl)),\n    inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n  --touch-target-size: 24px; /* Minimum recommended touch target size */\n}\n\nbody,\nhtml {\n  box-shadow: var(--light-focus-ring);\n  background-color: var(--gray-100);\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n  overflow: hidden;\n}\n\nbody {\n  width: 100vw;\n  overflow-x: hidden;\n  @include fontSize(14);\n  line-height: 1.42;\n  color: var(--text-color);\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n  direction: rtl;\n}\n\nbody,\ninput,\nselect,\ntextarea {\n  @include sans-serif-font;\n}\n\n.first,\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child,\np:first-child,\nblockquote:first-child,\nhr:first-child,\n.pane:first-child,\n.grid:first-child,\nfieldset:first-child,\n.field:first-child,\n.toolbar:first-child,\n.buttons:first-child,\n.condition-container:first-child {\n  margin-top: 0 !important;\n}\n\n.last,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child,\np:last-child,\nblockquote:last-child,\n.pane:last-child,\n.grid:last-child,\n.meta:last-child,\nfieldset:last-child,\n.field:last-child,\n.toolbar:last-child,\n.buttons:last-child,\n.condition-container:last-child {\n  margin-bottom: 0 !important;\n}\n\n.no-scroll {\n  overflow: hidden !important;\n}\n\n.draghelper {\n  box-sizing: border-box;\n}\n\nimg {\n  max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n  body.rtl .ltr & {\n    text-align: left !important;\n    direction: ltr !important;\n  }\n\n  body.ltr .rtl & {\n    text-align: right !important;\n    direction: rtl !important;\n  }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .flex.padded.sel:before,\n.texticon:before,\n.element:before,\n#help:before,\n.secure:before,\n.insecure:before,\n.go:after,\n.required:after,\n.preview-btn:before,\n.view-btn:before,\n[data-icon]:before,\n[data-icon-after]:after {\n  @include icon;\n}\n\n.badge-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 17px;\n  height: 17px;\n  box-sizing: border-box;\n  border: 1px solid var(--yellow-500);\n  border-radius: var(--small-border-radius);\n  color: var(--yellow-500);\n  font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n  margin-top: -3px;\n  font-size: 14px;\n}\n\n[data-icon]:before {\n  content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n  content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon='list']:before,\nbody.rtl [data-icon-after='list']:after {\n  content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']:before,\nbody.rtl [data-icon-after='structure']:after {\n  content: 'structurertl';\n}\n\n.icon.secure:before {\n  content: 'secure';\n}\n\n.icon.insecure:before {\n  content: 'insecure';\n}\n\n.icon.add:before {\n  content: 'plus';\n}\n\n.icon.edit:before {\n  content: 'edit';\n}\n\n.icon.settings:before {\n  content: 'settings';\n}\n\n.icon.search:before {\n  content: 'search';\n}\n\n.icon.expand:before {\n  content: 'expand';\n}\n\n.icon.collapse:before {\n  content: 'collapse';\n}\n\n.help:before {\n  content: 'help';\n  color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n  &:before {\n    @include margin-right(var(--xs));\n  }\n}\n\n.preview-btn:before {\n  margin-top: -2px;\n  content: 'view';\n}\n\n.view-btn:before {\n  body.ltr & {\n    content: 'share';\n  }\n  body.rtl & {\n    content: 'shareleft';\n  }\n}\n\n/* headings */\nh1,\n.h1 {\n  margin-bottom: 24px;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh2,\n.h2 {\n  margin: 14px 0;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 20px;\n}\n\nh3,\n.h3 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh4,\n.h4 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n  color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n  margin: 14px 0 3px;\n  line-height: 1.2;\n  color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n  @include h6-styles;\n}\n\nh1[data-icon]:before {\n  @include margin(-8px, 10px, 0, 0);\n}\n\nh2[data-icon]:before {\n  @include margin(-4px, 6px, 0, 0);\n  font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n  margin: 24px 0;\n  border: none;\n  border-top: 1px solid var(--hairline-color);\n  height: 0;\n  color: transparent;\n}\n\n.pane hr {\n  margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n  margin: 1em 0;\n}\n\nh5 + p {\n  margin-top: 0;\n}\n\nsup {\n  vertical-align: super;\n  font-size: smaller;\n}\n\nsub {\n  vertical-align: sub;\n  font-size: smaller;\n}\n\n.indent {\n  @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n  @include padding-left(40px);\n  list-style-type: square;\n}\n\nol {\n  @include padding-left(40px);\n  list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code,\n.code input,\n.code textarea {\n  @include fixed-width-font;\n\n  &.smalltext {\n    font-size: 0.8em !important;\n  }\n}\n\npre code {\n  display: block;\n  overflow-x: auto;\n}\n\n/* links */\na {\n  color: var(--link-color);\n  cursor: pointer;\n\n  body.underline-links & {\n    text-decoration: underline;\n  }\n}\n\na:hover {\n  text-decoration: underline;\n}\n\na.sel,\nli.sel a {\n  cursor: default !important;\n  text-decoration: none;\n}\n\n.go:after {\n  font-size: 11px;\n  margin-top: -1px;\n  @include padding-left(4px);\n  color: var(--link-color);\n  opacity: 0.9;\n  body.ltr & {\n    content: 'circlerarr';\n  }\n  body.rtl & {\n    content: 'circlelarr';\n  }\n}\n\nbutton {\n  cursor: pointer;\n}\n\n/* revision button */\n.context-btn.disabled {\n  opacity: 1;\n  color: var(--medium-dark-text-color);\n  background-color: transparentize($grey200, 0.5) !important;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n  padding: 5px;\n  margin-bottom: 0 !important;\n  line-height: 10px;\n  border-radius: 20px;\n  cursor: pointer;\n\n  &:before {\n    @include icon;\n  }\n}\n\n.checkmark-icon {\n  p & {\n    display: inline-block;\n  }\n\n  background-color: var(--gray-200);\n\n  &:before {\n    content: 'check';\n    color: var(--success-color);\n  }\n}\n\n.alert-icon {\n  background-color: var(--gray-200);\n\n  &:before {\n    content: 'alert';\n    color: var(--error-color);\n  }\n}\n\n.menu.revision-menu {\n  padding: 10px 24px;\n\n  hr {\n    margin: 10px -24px;\n  }\n\n  ul {\n    li {\n      &.sel {\n        margin: 0 -14px;\n        padding: 0 14px;\n        background: var(--gray-050);\n        border-radius: var(--large-border-radius);\n\n        .edited-desc {\n          display: flex;\n          align-items: center;\n          @include margin-left(10px);\n          border-top: 1px solid var(--hairline-color);\n          padding: 10px 0;\n          color: var(--light-text-color);\n          white-space: normal;\n\n          p {\n            margin: 0;\n          }\n\n          .btn {\n            @include margin-left(14px);\n          }\n        }\n      }\n\n      a {\n        padding-top: 7px;\n        border-radius: var(--large-border-radius);\n      }\n    }\n  }\n\n  .extralight {\n    margin-top: 2px;\n  }\n}\n\n.revision-status-hud {\n  max-width: 400px;\n\n  .http-error {\n    border-radius: var(--medium-border-radius);\n    border: 1px solid var(--hairline-color);\n    color: var(--light-text-color);\n    background-color: var(--gray-050);\n    padding: 7px 14px;\n  }\n}\n\n.draft-notice {\n  display: flex;\n  align-items: center;\n  align-content: stretch;\n  justify-content: center;\n  gap: var(--s);\n  color: var(--blue-800);\n\n  #content-notice & {\n    display: inline-flex;\n    justify-content: flex-start;\n  }\n\n  .so-notice > & {\n    @include margin(\n      calc(var(--s) * -1),\n      0,\n      calc(var(--s) * -1),\n      calc(var(--xl) * -1)\n    );\n    @include padding(var(--s), 0, var(--s), var(--xl));\n    @include border-bottom-left-radius(var(--large-border-radius));\n\n    body.ltr & {\n      background-image: linear-gradient(\n        to bottom right,\n        transparentize($blue600, 0.8),\n        transparentize($blue600, 1) 50%\n      );\n    }\n    body.rtl & {\n      background-image: linear-gradient(\n        to left,\n        transparentize($blue600, 0.8),\n        transparentize($blue600, 1)\n      );\n    }\n  }\n\n  p {\n    flex: 1;\n    margin: 0;\n  }\n\n  .draft-icon {\n    position: relative;\n    flex-shrink: 0;\n    width: 34px;\n    height: 34px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 100%;\n    border: 2px solid transparentize($blue800, 0.8);\n    box-sizing: border-box;\n    box-shadow: 0 1px 1px 1px var(--white);\n\n    &:before {\n      position: relative;\n      left: 1px;\n      color: var(--blue-800) !important;\n      font-size: 18px;\n    }\n\n    &:after {\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      border-radius: 100%;\n      box-shadow: inset 0 2px 0 transparentize($blue900, 0.8);\n    }\n  }\n\n  .discard-changes-btn {\n    @include margin-left(var(--xs));\n    background-color: transparent !important;\n    color: var(--blue-800) !important;\n    border: 2px solid var(--blue-600);\n\n    &:hover,\n    &:focus {\n      border-color: darken($blue600, 5%);\n    }\n\n    &:active {\n      border-color: darken($blue600, 10%);\n    }\n  }\n}\n\n/* toggles */\nbutton.toggle {\n  appearance: none;\n  color: inherit;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n  @include angle(right);\n  transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n  transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n  display: block;\n  position: relative;\n  margin: 14px 0;\n  @include padding-left(12px);\n  color: var(--text-color);\n  text-decoration: none;\n}\n\na.fieldtoggle:before {\n  display: block;\n  position: absolute;\n  top: 7px;\n  @include left(-1px);\n}\n\n/* emphasis */\nem,\ni {\n  font-style: italic;\n}\n\nstrong,\nb,\ni em {\n  font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n  @include readable;\n}\n\n/* text styles */\n.leftalign {\n  @include alignleft;\n}\n\n.topalign {\n  vertical-align: top;\n}\n\n.rightalign {\n  @include alignright;\n}\n\n.centeralign {\n  text-align: center !important;\n}\n\n.nowrap {\n  white-space: nowrap;\n}\n\n.break-word {\n  word-wrap: break-word;\n}\n\n.light {\n  color: var(--medium-text-color) !important;\n  font-weight: normal;\n}\n\n.extralight {\n  color: var(--light-text-color) !important;\n}\n\n.smalltext {\n  font-size: 12px;\n  line-height: 1.2;\n}\n\n.largetext {\n  font-size: 16px;\n  line-height: 1.2;\n}\n\n.zilch {\n  padding: 100px 0;\n  text-align: center;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--light-text-color);\n\n  &.small {\n    padding: 24px 0;\n    font-size: 16px;\n  }\n}\n\ninput.checkbox + label.smalltext {\n  padding-top: 2px;\n}\n\n.required:after {\n  content: 'asterisk';\n  @include margin(-2px, 0, 0, 5px);\n  font-size: 7px;\n  color: var(--error-color);\n}\n\n.scrollpane {\n  overflow: auto;\n}\n\n.left {\n  @include floatleft;\n}\n\n.right {\n  @include floatright;\n}\n\nth,\ntd {\n  @include alignleft;\n  vertical-align: middle;\n}\n\nbody.ltr table[dir='rtl'] {\n  th,\n  td {\n    text-align: right;\n  }\n}\nbody.rtl table[dir='ltr'] {\n  th,\n  td {\n    text-align: left;\n  }\n}\n\nth.right,\ntd.right {\n  float: none;\n  @include alignright;\n}\n\n.clear {\n  display: block;\n  clear: both;\n  height: 0;\n}\n\n.fullwidth {\n  width: 100%;\n}\n\n.token {\n  @include token-styles;\n}\n\n.token[data-name='*'] {\n  position: relative;\n  width: 10px;\n}\n\n.token[data-name='*'] span {\n  opacity: 0;\n}\n\n.token[data-name='*']:before {\n  @include icon;\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-size: 9px;\n  line-height: 17px;\n  content: 'asterisk';\n  text-indent: 0;\n}\n\n.token:focus {\n  @include active-token-styles;\n}\n\n// Override .token for Prism\n.highlight {\n  .token {\n    display: inline;\n    border: none;\n    border-radius: 0;\n    padding: 0;\n    font-size: inherit;\n    line-height: inherit;\n    text-shadow: none;\n    background: transparent;\n    box-shadow: none;\n  }\n}\n\n.pane.highlight {\n  pre[class*='language-'] {\n    overflow: visible;\n\n    & > code.diff-highlight .token:not(.prefix) {\n      margin: 0 -24px;\n      padding: 0 24px;\n    }\n  }\n}\n\n.success {\n  color: var(--success-color) !important;\n}\n\n.notice,\n.warning {\n  &.with-icon,\n  .icon {\n    &:before {\n      @include margin(-2px, 2px, 0, 0);\n      @include icon;\n      width: 1em;\n    }\n  }\n\n  &.has-icon {\n    display: flex;\n    flex-wrap: nowrap;\n    align-items: flex-start;\n\n    .icon {\n      flex-shrink: 1;\n    }\n  }\n}\n\n.notice {\n  color: var(--notice-color) !important;\n  a {\n    text-decoration: underline;\n  }\n\n  &.with-icon,\n  .icon {\n    &:before {\n      content: 'lightbulb';\n    }\n  }\n}\n\n.warning {\n  color: var(--warning-color) !important;\n\n  &.with-icon,\n  .icon {\n    &:before {\n      content: 'alert';\n    }\n  }\n}\n\n.error {\n  color: var(--error-color) !important;\n}\n\n.icon.move {\n  display: inline-block;\n}\n\n.icon.move:not(.disabled) {\n  cursor: move;\n}\n\n.icon.move:before {\n  content: 'move';\n  color: var(--ui-control-color);\n}\n\n.icon.move:not(.disabled):hover:before {\n  color: var(--link-color);\n}\n\n.icon.delete {\n  display: inline-block;\n  line-height: inherit;\n\n  &:before {\n    content: 'remove';\n    color: var(--ui-control-color);\n  }\n\n  &:not(.disabled) {\n    cursor: pointer;\n\n    &:hover:before {\n      color: var(--disabled-color);\n    }\n\n    &:active:before {\n      color: var(--red-800);\n    }\n  }\n}\n\n.hidden {\n  display: none !important;\n}\n\n// Visually hide without hiding from screen readers\n.visually-hidden {\n  @include visually-hidden;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.clearafter:after {\n  @include clearafter;\n}\n\n.info {\n  vertical-align: bottom;\n  display: inline-block;\n  width: 1em;\n  height: 1.375em;\n  text-align: center;\n  cursor: pointer;\n  overflow: hidden;\n\n  &:before {\n    @include icon;\n    vertical-align: baseline;\n    width: 100%;\n    line-height: 1.375;\n    color: var(--ui-control-color);\n  }\n\n  &:not(.warning) {\n    &:before {\n      content: 'info';\n    }\n    &:hover:before {\n      color: var(--link-color);\n    }\n  }\n\n  &.warning {\n    &:before {\n      content: 'alert';\n    }\n    &:hover:before {\n      color: var(--warning-color);\n    }\n  }\n}\n\n.info-hud {\n  table {\n    max-width: 280px;\n    table-layout: auto;\n  }\n\n  td {\n    word-wrap: break-word;\n    width: 100%;\n  }\n}\n\n@media (max-width: 450px) {\n  .info-hud {\n    table {\n      table-layout: fixed;\n      width: 100%;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Content\n/* ----------------------------------------*/\n\n.content {\n  position: relative;\n}\n\n.content:after {\n  @include clearafter;\n}\n\n/* Customize Sources */\n.sidebar {\n  .customize-sources {\n    display: block;\n    margin: 14px -24px 4px;\n    @include padding(7px, 14px, 7px, 24px);\n    color: var(--light-text-color) !important;\n    transition: color linear 100ms;\n    cursor: pointer;\n\n    .icon {\n      @include margin-right(4px);\n      color: currentColor;\n    }\n\n    .label {\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    &:hover,\n    &:focus {\n      color: var(--medium-text-color) !important;\n      text-decoration: none;\n\n      .label {\n        opacity: 1;\n      }\n    }\n  }\n}\n\n.sidebar .customize-sources:hover {\n  color: var(--link-color);\n}\n\n.customize-sources-modal {\n  @include padding-left(200px);\n  overflow: visible !important;\n\n  & > .cs-sidebar {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    margin: 0;\n    padding: 10px 0;\n    border: none;\n    width: 200px;\n    height: calc(100% - 50px);\n    box-sizing: border-box;\n    background-color: var(--gray-050);\n    overflow: auto;\n    box-shadow: inset -1px 0 0 var(--hairline-color);\n    @include border-top-left-radius(var(--large-border-radius));\n\n    & > .btn {\n      @include margin(10px, 0, 0, 14px);\n      display: block;\n      width: calc(100% - 28px);\n    }\n  }\n\n  & > .source-settings {\n    position: relative;\n    height: calc(100% - 50px);\n    box-sizing: border-box;\n    padding: 24px;\n    overflow: auto;\n  }\n\n  & > .footer {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n\n.customize-sources-item {\n  display: flex;\n  width: calc(100% - 1px);\n  box-sizing: border-box;\n  align-items: center;\n  position: relative;\n  margin-top: -1px;\n  padding: 8px 14px;\n  background-color: var(--gray-100);\n  border: solid var(--hairline-color);\n  border-width: 1px 0;\n  user-select: none;\n  cursor: default;\n\n  & + .customize-sources-item {\n    &.heading {\n      margin-top: 10px;\n    }\n\n    &:not(.heading) {\n      border-top: 1px solid var(--hairline-color);\n    }\n  }\n\n  &.sel {\n    background-color: var(--gray-200);\n    z-index: 1;\n  }\n\n  .label {\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.heading {\n    .label {\n      text-transform: uppercase;\n      color: var(--light-text-color);\n      font-size: 12px;\n      font-weight: bold;\n    }\n  }\n\n  .move {\n    @include margin-left(7px);\n  }\n}\n\n.customize-sources-table-column .move {\n  @include margin-right(10px);\n}\n\nul.path {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  flex-wrap: wrap;\n\n  li {\n    display: inline-flex;\n    align-items: center;\n\n    &:not(:last-child):after {\n      @include margin(0, 5px, 0, 2px);\n      @include angle(right, var(--light-text-color), 1px);\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Icon lists\n/* ----------------------------------------*/\n\nul.icons {\n  margin-top: 20px;\n  display: flex;\n  flex-wrap: wrap;\n\n  li {\n    margin: 0 4px 10px 0;\n\n    a {\n      display: block;\n      position: relative;\n      padding: 60px 5px 10px;\n      width: 110px;\n      text-align: center;\n      color: var(--text-color);\n      border-radius: 4px;\n      border: 1px solid var(--white);\n\n      &:before {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        font-size: 40px;\n        line-height: 60px;\n      }\n\n      .icon {\n        img,\n        svg {\n          width: 40px;\n          height: 40px;\n          position: absolute;\n          top: 12px;\n          left: calc(50% - 20px);\n        }\n\n        &.icon-mask svg {\n          @include svg-mask(var(--text-color));\n        }\n      }\n\n      &:hover {\n        text-decoration: none;\n        background-color: var(--gray-050);\n        border-color: var(--gray-100);\n\n        .icon.icon-mask svg {\n          @include svg-mask(var(--link-color));\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 380px) {\n  ul.icons li a {\n    width: 96px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  ul.icons li a {\n    width: 75px;\n  }\n}\n\n/* ----------------------------------------\n/*  Buttons\n/* ----------------------------------------*/\n\n.toolbar {\n  position: relative;\n  margin-bottom: 14px;\n  min-height: 34px;\n\n  &.flex,\n  .flex {\n    align-items: flex-start;\n  }\n\n  .text {\n    border-radius: var(--large-border-radius) !important;\n    box-shadow: none !important;\n  }\n}\n\n.flex {\n  display: flex;\n  align-items: center;\n  align-content: stretch;\n  gap: var(--s);\n\n  &:not(.flex-nowrap) {\n    flex-wrap: wrap;\n  }\n\n  & > * {\n    &.label {\n      white-space: nowrap;\n    }\n  }\n\n  .centeralign & {\n    justify-content: center;\n  }\n}\n\n.inline-flex {\n  display: inline-flex;\n  align-items: center;\n  align-content: stretch;\n  gap: var(--s);\n}\n\n.gap-xs {\n  gap: var(--xs);\n}\n\n.gap-s {\n  gap: var(--s);\n}\n\n.gap-m {\n  gap: var(--m);\n}\n\n.gap-l {\n  gap: var(--l);\n}\n\n.gap-xl {\n  gap: var(--xl);\n}\n\n.flex-grow {\n  flex: 1;\n}\n\n.flex-justify {\n  justify-content: space-between;\n}\n\n.flex-justify-start {\n  justify-content: flex-start;\n}\n\n.flex-justify-end {\n  justify-content: flex-end;\n}\n\n.flex-justify-center {\n  justify-content: center;\n}\n\n.flex-start {\n  align-items: flex-start;\n}\n\n.flex-end {\n  align-items: flex-end;\n}\n\n.flex-center {\n  align-items: center;\n}\n\n.flex-stretch {\n  align-items: stretch;\n}\n\n.spacer {\n  width: 14px;\n}\n\n.buttons {\n  display: flex;\n  gap: 7px;\n  position: relative;\n  margin: 24px 0;\n  align-items: center;\n\n  .hud-footer > &,\n  .footer > & {\n    margin: 0;\n  }\n}\n\n.btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--large-border-radius);\n  padding: 7px 14px;\n  border: none;\n  text-align: center;\n  white-space: nowrap;\n  user-select: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  appearance: none;\n  color: currentColor;\n  font-size: inherit;\n  background-color: transparentize($inputColor, 0.75);\n\n  &.chromeless {\n    background-color: transparent;\n    height: auto;\n    padding: 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: transparent;\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  &:not(.disabled):not(.loading):not(.dashed) {\n    &:focus,\n    &.focus,\n    &:hover {\n      background-color: transparentize($inputColor, 0.7);\n    }\n\n    &:active,\n    &.active {\n      background-color: transparentize($inputColor, 0.5);\n\n      &:focus,\n      &.focus,\n      .btngroup:focus & {\n        background-color: transparentize($inputColor, 0.4);\n      }\n    }\n  }\n\n  &[type='color'] {\n    padding: 6px !important;\n    width: 36px;\n  }\n\n  &.active,\n  &.loading {\n    cursor: default;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &[data-icon]:not(:empty):not(.btn-empty):before,\n  &.icon:not(:empty):not(.btn-empty):before,\n  &.menubtn[data-icon]:empty:before,\n  &.menubtn[data-icon].btn-empty:before,\n  &.menubtn.icon:empty:before,\n  &.menubtn.icon.btn-empty:before {\n    @include margin-right(5px);\n  }\n\n  &:not(.loading) .spinner {\n    display: none;\n  }\n\n  &.loading {\n    &:before,\n    &:after,\n    .label {\n      visibility: hidden;\n    }\n  }\n\n  div.checkbox {\n    margin-top: 2px;\n  }\n}\n\n.disabled {\n  opacity: 0.25;\n}\n\n.disabled,\n.disabled .btn {\n  cursor: default;\n}\n\n.btn,\n.spinner {\n  height: 34px;\n}\n\n.btn[data-icon-after]:not(:empty):not(.btn-empty):after,\n.menu-toggle:not(:empty):not(.btn-empty):after,\n.menubtn:not(:empty):not(.btn-empty):after,\n.menubtn.icon:after {\n  @include margin-left(6px);\n}\n\n.btn[data-icon]:before,\n.btn[data-icon-after]:after,\n.btn.icon:before {\n  position: relative;\n}\n\n.btn.small[data-icon]:before,\n.btn.small[data-icon-after]:after,\n.btn.icon.small:before {\n  font-size: 10px;\n}\n\n/* button groups */\n.btngroup {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  &.fullwidth .btn {\n    flex: 1;\n  }\n\n  &.disabled .btn {\n    cursor: default;\n  }\n\n  .btn {\n    &:focus {\n      z-index: 1;\n    }\n\n    &:not(.dashed):not(:last-child):not(.btngroup-btn-last) {\n      @include margin-right(1px);\n    }\n\n    body.ltr & {\n      &:not(:first-child):not(.btngroup-btn-first) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &:not(:last-child):not(.btngroup-btn-last) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    body.rtl & {\n      &:not(:first-child):not(.btngroup-btn-first) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      &:not(:last-child):not(.btngroup-btn-last) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n}\n\n.copytext {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  body.ltr & {\n    .text {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      min-width: 0;\n    }\n    .btn {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n\n  body.rtl & {\n    .text {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n    .btn {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n}\n\n.copytextbtn {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border: 1px solid var(--hairline-color);\n  border-radius: var(--small-border-radius);\n  padding: 0 9px;\n  cursor: pointer;\n  color: var(--medium-text-color);\n\n  input {\n    border: 0;\n    padding: 0;\n    height: 32px;\n    box-shadow: none;\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    color: var(--medium-text-color);\n    text-align: center;\n  }\n\n  span {\n    padding: 0;\n    width: 13px;\n    background: none;\n    margin-top: -3px;\n    @include margin-left(5px);\n    color: var(--light-text-color);\n  }\n\n  &:hover,\n  &:focus {\n    border-color: var(--medium-hairline-color);\n    color: var(--text-color);\n\n    input {\n      color: var(--text-color);\n    }\n  }\n\n  &.small {\n    padding: 0 5px;\n\n    input {\n      font-size: 11px !important;\n      height: 20px;\n    }\n  }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn {\n  display: inline-flex;\n  align-items: center;\n  user-select: none;\n\n  &:after {\n    @include angle;\n    position: relative;\n  }\n\n  &.btn {\n    &:after {\n      top: -1px;\n    }\n\n    &:not(.disabled):not(.inactive) {\n      &:active,\n      &.active {\n        &:after {\n          border-color: var(--ui-control-active-color);\n        }\n      }\n    }\n\n    &.submit {\n      &:after {\n        border-color: var(--white) !important;\n        opacity: 0.8;\n      }\n\n      &:not(.disabled):not(.inactive) {\n        &:hover,\n        &.hover,\n        &:active,\n        &.active {\n          &:after {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n\n  &:not(.btn):not(.icon) {\n    height: 17px;\n    &:after {\n      top: -2px;\n      border-color: var(--link-color);\n    }\n  }\n\n  &:empty,\n  &.btn-empty {\n    @include padding-left(8px);\n    @include padding-right(8px);\n  }\n}\n\n@keyframes rotator {\n  0% {\n    -webkit-transform: rotate(0);\n    transform: rotate(0);\n  }\n\n  to {\n    -webkit-transform: rotate(1turn);\n    transform: rotate(1turn);\n  }\n}\n\n/* spinner */\n.spinner {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--size, 24px);\n  height: var(--size, 34px);\n\n  &:before {\n    display: block;\n    content: '';\n    font-size: 0;\n    animation: rotator 0.7s linear infinite;\n    box-sizing: border-box;\n    width: var(--size, 20px);\n    height: var(--size, 20px);\n    object-fit: scale-down;\n    border-radius: 50%;\n    border: 2px solid transparent;\n    border-right-color: currentColor;\n    border-bottom-color: currentColor;\n    opacity: 0.8;\n  }\n\n  &.small {\n    --size: 12px;\n  }\n\n  &.big {\n    --size: 48px;\n  }\n\n  &.spinner-absolute {\n    position: absolute;\n    width: var(--size, 20px);\n    height: var(--size, 20px);\n    top: calc(50% - var(--size, 20px) / 2);\n    left: calc(50% - var(--size, 20px) / 2);\n  }\n}\n\n.btn + .spinner {\n  @include margin-left(7px);\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n  @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n  @include margin-right(var(--neg-padding));\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n  padding: 0 7px !important;\n  font-size: 12px;\n  line-height: 22px;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n  height: 22px;\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n  padding: 0 14px;\n  font-size: 14px;\n  line-height: 36px;\n}\n\n.btn.big[data-icon]:before,\n.preview-btn:before,\n.view-btn:before {\n  @include margin-left(-2px);\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n  height: 36px;\n}\n\n/* special buttons */\n.btn {\n  &.submit,\n  &.secondary {\n    color: var(--white) !important;\n    @include light-on-dark-text;\n  }\n\n  &.submit {\n    background-color: var(--primary-color) !important;\n\n    &:not(.disabled):not(.inactive):not(.loading) {\n      &:hover,\n      &.hover,\n      &:focus {\n        background-color: darken($primaryColor, 5%) !important;\n      }\n\n      &:active,\n      &.active {\n        background-color: darken($primaryColor, 10%) !important;\n      }\n    }\n  }\n\n  &.caution {\n    background-color: var(--red-050) !important;\n    color: var(--error-color);\n\n    &:hover,\n    &.hover,\n    &:focus {\n      background-color: darken($red050, 5%) !important;\n    }\n\n    &:active,\n    &.active {\n      background-color: var(--red-100) !important;\n    }\n  }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n  background-color: var(--secondary-color) !important;\n}\n\n.secondary-buttons\n  .btn.submit:not(.disabled):not(.inactive):not(.loading):hover,\n.secondary-buttons\n  .btn.submit:not(.disabled):not(.inactive):not(.loading).hover,\n.secondary-buttons\n  .btn.submit:not(.disabled):not(.inactive):not(.loading):focus,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).hover,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):focus {\n  background-color: darken($secondaryColor, 5%) !important;\n}\n\n.secondary-buttons\n  .btn.submit:not(.disabled):not(.inactive):not(.loading):active,\n.secondary-buttons\n  .btn.submit:not(.disabled):not(.inactive):not(.loading).active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading):active,\n.btn.secondary:not(.disabled):not(.inactive):not(.loading).active {\n  background-color: darken($secondaryColor, 10%) !important;\n}\n\ndiv.btn.submit {\n  position: relative;\n  overflow: hidden;\n}\n\ndiv.btn.submit input {\n  position: absolute;\n  left: 100%;\n}\n\n/* dashed buttons */\n.btn.dashed {\n  border: 1px dashed var(--medium-hairline-color);\n  background-color: transparent;\n\n  .btngroup &:not(:last-child):not(.btngroup-btn-last) {\n    @include border-right(1px solid transparent);\n    @include margin-right(-1px);\n  }\n\n  &:focus {\n    background-color: transparentize($grey200, 0.9);\n    border-color: transparent;\n\n    .reduce-focus-visibility &:not(.focus-visible) {\n      border: 1px dashed var(--medium-hairline-color);\n    }\n  }\n\n  &:not(.disabled) {\n    &:active,\n    &.active {\n      background-color: transparentize($grey200, 0.75);\n    }\n  }\n}\n\n/* color inputs */\n.color-input-container {\n  position: relative;\n\n  .color-hex-indicator {\n    position: absolute;\n    top: 0;\n    @include left(7px);\n    width: 1em;\n    line-height: 34px;\n    text-align: center;\n    user-select: none;\n  }\n}\n\n.color-input {\n  @include fixed-width-font;\n  @include padding-left(calc(7px + 1em));\n}\n\n.color {\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  width: 34px;\n  height: 34px;\n  border-radius: 17px;\n  padding: 0;\n\n  &:not(.static) {\n    cursor: pointer;\n  }\n\n  &:not(.small) {\n    @include checkered-bg(17px);\n  }\n\n  &.small {\n    width: 16px;\n    height: 16px;\n    @include checkered-bg(8px);\n  }\n\n  .color-preview {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    width: 100%;\n    height: 100%;\n    border-radius: 17px;\n    box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n    &:focus-within {\n      @include input-focused-styles;\n    }\n\n    & > .color-preview-input {\n      position: absolute;\n      @include left(0);\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border: none;\n      opacity: 0;\n    }\n  }\n}\n\n.colorhex {\n  display: inline-block;\n  margin-left: 5px;\n  vertical-align: middle;\n  color: var(--medium-text-color);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n  display: flex;\n\n  .lightswitch-inner-container {\n    border: 1px solid var(--hairline-color);\n    border-radius: var(--small-border-radius);\n    display: flex;\n    align-items: center;\n\n    span {\n      padding: 7px 0;\n      color: var(--medium-text-color);\n      cursor: default;\n\n      &[data-toggle='on'] {\n        @include padding-right(10px);\n        @include margin-left(7px);\n      }\n\n      &[data-toggle='off'] {\n        @include padding-left(10px);\n        @include margin-right(7px);\n      }\n    }\n  }\n}\n\n.lightswitch {\n  display: block;\n  position: relative;\n  border: none !important;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  background-image: linear-gradient(to right, var(--gray-400), var(--gray-400));\n  transition: background-image linear 100ms;\n\n  &.on {\n    background-image: linear-gradient(\n      to right,\n      var(--enabled-color),\n      var(--enabled-color)\n    );\n  }\n\n  &.indeterminate {\n    background-image: linear-gradient(\n      to right,\n      var(--enabled-color),\n      var(--gray-300)\n    );\n  }\n\n  .lightswitch-container {\n    position: relative;\n    height: 100%;\n\n    .handle {\n      position: absolute;\n      top: 1px;\n      background-color: var(--white);\n    }\n  }\n\n  &:not(.small) {\n    border-radius: 11px;\n    width: 34px;\n    height: 22px;\n\n    .lightswitch-container {\n      @include margin-left(-12px);\n      width: 46px;\n\n      .handle {\n        border-radius: 10px;\n        width: 20px;\n        height: 20px;\n        left: calc(50% - 10px);\n      }\n    }\n  }\n\n  &.small {\n    border-radius: 9px;\n    width: 28px;\n    height: 18px;\n\n    .lightswitch-container {\n      @include margin-left(-10px);\n      width: 38px;\n\n      .handle {\n        border-radius: 8px;\n        width: 16px;\n        height: 16px;\n        left: calc(50% - 8px);\n      }\n    }\n  }\n\n  table & {\n    display: inline-block;\n    margin-bottom: -5px;\n  }\n\n  &.on {\n    .lightswitch-container {\n      @include margin-left(0);\n    }\n  }\n\n  &.indeterminate {\n    &:not(.small) {\n      .lightswitch-container {\n        @include margin-left(0.5 * -12px);\n      }\n    }\n    &.small {\n      .lightswitch-container {\n        @include margin-left(0.5 * -10px);\n      }\n    }\n  }\n}\n\n/* pagination */\n.pagination {\n  table.data + & {\n    margin-top: 24px;\n  }\n\n  .page-link {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--medium-border-radius);\n\n    &:after {\n      position: relative;\n      transition: border-color linear 100ms;\n    }\n\n    &.prev-page:after {\n      @include angle(left, var(--light-text-color));\n      @include right(-1px);\n    }\n\n    &.next-page:after {\n      @include angle(right, var(--light-text-color));\n      @include left(-1px);\n    }\n\n    &:not(.disabled) {\n      transition: box-shadow linear 100ms;\n      box-shadow: inset 0 0 0 1px var(--hairline-color);\n      cursor: pointer;\n\n      &:hover {\n        text-decoration: none;\n        box-shadow: inset 0 0 0 1px var(--link-color);\n\n        &:after {\n          border-color: var(--link-color);\n        }\n      }\n\n      &.focus-visible {\n        box-shadow: inset 0 0 0 1px var(--hairline-color), var(--focus-ring);\n      }\n    }\n\n    &.disabled {\n      opacity: 1;\n      &:after {\n        border-color: var(--hairline-color);\n      }\n    }\n  }\n}\n\n/* action buttons */\n.actions {\n  @include floatright;\n}\n\n.actions > li {\n  @include floatleft;\n}\n\n.actions > li + li {\n  @include margin-left(10px);\n}\n\nh1 + .actions {\n  margin-top: -100px;\n}\n\nh2 + .actions {\n  margin-top: -54px;\n}\n\n/* ----------------------------------------\n/*  Tables\n/* ----------------------------------------*/\n\n.tablepane {\n  margin: -24px -24px -12px;\n  overflow-x: auto;\n\n  table.data {\n    th,\n    td {\n      &:first-child {\n        @include padding-left(24px);\n      }\n      &:last-child {\n        @include padding-right(24px);\n      }\n    }\n  }\n}\n\ntable {\n  &.fixed-layout {\n    table-layout: fixed;\n  }\n\n  th.thin,\n  td.thin {\n    width: 0.01% !important;\n    white-space: nowrap;\n  }\n\n  thead {\n    th {\n      font-weight: bold;\n      @include alignleft;\n      vertical-align: top;\n    }\n  }\n\n  // plain tables\n  &:not(.data) {\n    th,\n    td {\n      padding-top: 7px;\n      padding-bottom: 7px;\n\n      &:not(:first-child) {\n        padding-left: 12px;\n      }\n      &:not(:last-child) {\n        padding-right: 12px;\n      }\n    }\n  }\n\n  // data tables\n  &.data {\n    th,\n    td {\n      position: relative;\n      padding-left: 12px;\n      padding-right: 12px;\n      box-sizing: border-box;\n\n      &.checkbox-cell {\n        width: var(--checkbox-size) !important;\n        min-width: var(--checkbox-size);\n        box-sizing: content-box;\n        position: relative;\n\n        input.checkbox + label,\n        div.checkbox {\n          position: absolute;\n          top: calc(50% - 8px);\n        }\n      }\n    }\n\n    th {\n      font-weight: bold;\n    }\n\n    thead:first-child,\n    tbody:first-child,\n    tfoot:first-child,\n    caption + thead,\n    caption + tbody,\n    caption + tfoot {\n      tr:first-child {\n        th,\n        td {\n          &:first-child {\n            @include border-top-left-radius(var(--large-border-radius));\n          }\n          &:last-child {\n            @include border-top-right-radius(var(--large-border-radius));\n          }\n        }\n      }\n    }\n\n    thead {\n      th,\n      td {\n        width: auto;\n        background-color: var(--gray-050);\n        cursor: default;\n      }\n\n      th:not(.orderable),\n      td {\n        padding-top: 15px;\n        padding-bottom: 15px;\n      }\n\n      th {\n        white-space: nowrap;\n        vertical-align: middle;\n\n        &.orderable {\n          position: relative;\n          padding-left: 0;\n          padding-right: 0;\n\n          &:not(.ordered):hover {\n            background-color: var(--gray-100);\n          }\n\n          &.ordered {\n            background-color: var(--light-sel-color);\n\n            &:not(.loading) {\n              button:after {\n                @include angle(up);\n                position: absolute;\n                @include right(10px);\n                top: calc(50% - 3px);\n              }\n\n              &.desc button:after {\n                transform: rotate(45deg);\n              }\n            }\n          }\n\n          button {\n            position: relative;\n            @include padding-right(26px);\n            font: inherit;\n            width: 100%;\n            padding: 14px;\n            @include alignleft;\n\n            &:focus {\n              z-index: 1;\n            }\n          }\n        }\n\n        &:not(.loading) {\n          .spinner {\n            display: none;\n          }\n        }\n\n        .spinner {\n          position: absolute;\n          top: calc(50% - 6px);\n          @include right(8px);\n          --size: 12px;\n        }\n      }\n    }\n\n    tbody {\n      tr {\n        &:not(.disabled) {\n          &:hover {\n            th,\n            td {\n              background-color: var(--gray-050);\n            }\n          }\n\n          &:focus {\n            position: relative;\n            z-index: 1;\n          }\n\n          &.sel {\n            th,\n            td {\n              background-color: var(--light-sel-color);\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        padding-top: 7px;\n        padding-bottom: 7px;\n        background-clip: padding-box;\n      }\n\n      td {\n        &.timestamp {\n          @include alignright;\n          vertical-align: bottom;\n          white-space: nowrap;\n          color: var(--light-text-color);\n        }\n      }\n    }\n\n    thead + tbody tr,\n    tr + tr {\n      th,\n      td {\n        border-top: 1px solid transparent;\n      }\n    }\n  }\n\n  // collapsable data tables for small screens\n  // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n  &.collapsed {\n    width: auto;\n\n    &,\n    tbody,\n    tbody tr,\n    tbody th,\n    tbody td {\n      display: block;\n      border: none;\n      padding: 0;\n      @include alignleft;\n      width: auto !important;\n      white-space: normal;\n    }\n\n    thead {\n      display: none;\n    }\n\n    tbody {\n      tr {\n        padding: 6px 0;\n        border-bottom: 1px dotted var(--hairline-color);\n\n        &:after {\n          @include clearafter;\n        }\n      }\n\n      th,\n      td {\n        padding: 2px 0 !important;\n      }\n\n      td {\n        &:empty {\n          display: none;\n        }\n      }\n\n      [data-title] {\n        @include margin-right(0);\n\n        &:before {\n          margin-right: 5px;\n          content: attr(data-title) ':';\n          font-weight: bold;\n        }\n\n        form {\n          display: inline-block;\n        }\n      }\n    }\n  }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper,\n.thumbviewhelper {\n  background-color: var(--white);\n  @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .element,\n.datatablesorthelper a {\n  cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n  border-top: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n  border-bottom: none !important;\n}\n\n/* elements */\n$smallThumbSize: 34px;\n$largeThumbSize: 120px;\n$statusSize: 10px;\n$baseElementSidePadding: 7px;\n$elementInnerSpacing: 5px;\n\n.element {\n  position: relative;\n  cursor: default;\n  user-select: none;\n  font-weight: normal;\n  border-radius: var(--small-border-radius);\n\n  &:focus,\n  li:focus & {\n    background-color: var(--gray-050);\n  }\n\n  &.sel,\n  li.sel & {\n    background-color: var(--light-sel-color) !important;\n    cursor: default;\n\n    &:focus {\n      background-color: darken($lightSelColor, 5%) !important;\n    }\n\n    &.hasthumb {\n      .elementthumb {\n        img {\n          box-shadow: 0 0 0 1px transparentize($darkSelColor, 0.9),\n            0 6px 4px -4px transparentize($darkSelColor, 0.8);\n        }\n      }\n    }\n  }\n\n  &.hasthumb {\n    .elementthumb:not(:empty) {\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      -ms-flex-pack: center;\n      align-items: center;\n      -ms-flex-align: center;\n\n      img {\n        display: block;\n        flex-shrink: 0;\n        pointer-events: none;\n        border-radius: var(--small-border-radius);\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      &.rounded img {\n        border-radius: 50%;\n      }\n    }\n    .elementthumb.open-preview {\n      cursor: pointer;\n    }\n  }\n\n  .label {\n    display: inline-block;\n\n    .draft-label {\n      display: inline-block;\n      @include margin(-1px, 0, -1px, 7px);\n      padding: 1px 5px;\n      font-weight: normal;\n      text-decoration: none !important;\n      color: var(--medium-text-color);\n      background: var(--gray-100);\n      border-radius: var(--large-border-radius);\n    }\n  }\n\n  &.small,\n  &.large:not(.hasthumb) {\n    display: inline-block;\n    padding: $baseElementSidePadding;\n    box-sizing: border-box;\n\n    &.hasstatus {\n      @include padding-left(\n        $baseElementSidePadding + $statusSize + $elementInnerSpacing\n      );\n\n      .status {\n        position: absolute;\n        @include left($baseElementSidePadding);\n        top: calc(50% - 5px);\n      }\n\n      .icon:not(.delete) {\n        position: absolute;\n        @include left($baseElementSidePadding - 1);\n        top: calc(50% - 11px);\n      }\n    }\n\n    &.hasthumb {\n      @include padding-left($smallThumbSize + $elementInnerSpacing);\n\n      .elementthumb:not(:empty) {\n        top: calc(50% - 17px);\n        @include left(0);\n        width: $smallThumbSize;\n        height: $smallThumbSize;\n\n        &.checkered img {\n          @include checkered-bg(8px);\n        }\n      }\n\n      &.hasstatus {\n        @include padding-left(\n          $smallThumbSize + $elementInnerSpacing * 2 + $statusSize\n        );\n\n        .status {\n          @include left($smallThumbSize + $elementInnerSpacing);\n        }\n      }\n    }\n  }\n\n  &.large.hasthumb {\n    display: block;\n    padding: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing}\n      $baseElementSidePadding $baseElementSidePadding;\n    width: #{120px + $baseElementSidePadding + $baseElementSidePadding};\n    box-sizing: border-box;\n\n    &.hasstatus {\n      @include padding-left(\n        $baseElementSidePadding + $statusSize + $elementInnerSpacing\n      );\n\n      .status {\n        position: absolute;\n        @include left($baseElementSidePadding);\n        top: #{$baseElementSidePadding + $largeThumbSize + $elementInnerSpacing +\n          6};\n      }\n    }\n\n    .elementthumb:not(:empty) {\n      top: $baseElementSidePadding;\n      @include left($baseElementSidePadding);\n      width: $largeThumbSize;\n      height: $largeThumbSize;\n\n      &.checkered img {\n        @include checkered-bg(15px);\n      }\n    }\n\n    .label {\n      display: block;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      word-wrap: normal;\n    }\n  }\n\n  &.removable {\n    .label {\n      @include padding-right(20px);\n    }\n\n    .delete:before {\n      color: var(--ui-control-color);\n    }\n\n    &.small,\n    &.large:not(.hasthumb) {\n      .delete {\n        position: absolute;\n        top: calc(50% - 11px);\n        @include right($baseElementSidePadding);\n      }\n    }\n\n    &.large.hasthumb {\n      .delete {\n        position: absolute;\n        @include right($baseElementSidePadding);\n      }\n    }\n  }\n\n  &:not(.removable) {\n    .delete {\n      display: none;\n    }\n  }\n}\n\n$checkboxPadding: $checkboxSize + 4;\n\n.elements {\n  position: relative;\n\n  &:not(.busy) {\n    .update-spinner {\n      display: none;\n    }\n  }\n\n  &.busy {\n    min-height: 200px;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      left: -24px;\n      width: calc(100% + #{24 + 24}px);\n      height: 100%;\n      background: transparentize($white, 0.25);\n      border-radius: var(--large-border-radius);\n    }\n\n    .update-spinner {\n      z-index: 1;\n    }\n  }\n\n  .header {\n    margin: -24px -24px 24px;\n    padding: 14px 24px;\n    background-color: var(--gray-050);\n    box-shadow: none;\n\n    &:after {\n      content: '';\n    }\n\n    .selectallcontainer {\n      cursor: default;\n\n      .checkbox {\n        @include margin-right($elementInnerSpacing);\n      }\n    }\n  }\n\n  // table views\n  .tableview {\n    .move,\n    .toggle {\n      display: flex;\n      position: absolute;\n      justify-content: center;\n      align-items: center;\n      top: 50%;\n      transform: translateY(-50%);\n      @include margin-left(calc(var(--touch-target-size) * -1));\n      width: var(--touch-target-size);\n      height: var(--touch-target-size);\n    }\n\n    .move {\n      font-size: 11px;\n      text-decoration: none;\n    }\n\n    .toggle {\n      text-align: center;\n      padding: 4px;\n      border-radius: 50%;\n    }\n\n    .move + .toggle {\n      @include margin-left(calc(var(--touch-target-size) * -2));\n    }\n  }\n\n  // thumbs views\n  .thumbsview {\n    @include margin(\n      -$baseElementSidePadding,\n      -$baseElementSidePadding - 1px,\n      -$baseElementSidePadding - 1px,\n      -$baseElementSidePadding\n    );\n    width: calc(\n      100% + #{$baseElementSidePadding + $baseElementSidePadding + 1px}\n    );\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    li {\n      position: relative;\n      @include margin(0, 1px, 1px, 0);\n\n      &:hover {\n        .element {\n          background-color: var(--gray-050);\n        }\n      }\n\n      &.has-checkbox {\n        .element.hasthumb {\n          &:not(.hasstatus) {\n            @include padding-left(\n              $baseElementSidePadding + $checkboxSize + $elementInnerSpacing\n            );\n          }\n\n          &.hasstatus {\n            @include padding-left(\n              $baseElementSidePadding + $checkboxSize + $elementInnerSpacing +\n                $statusSize + $elementInnerSpacing\n            );\n\n            .status {\n              @include left(\n                $baseElementSidePadding + $checkboxSize + $elementInnerSpacing\n              );\n            }\n          }\n        }\n\n        .checkbox {\n          position: absolute;\n          top: $baseElementSidePadding + $largeThumbSize + $elementInnerSpacing +\n            (20px - $checkboxSize) * 0.5;\n          @include left($baseElementSidePadding);\n        }\n      }\n    }\n  }\n}\n\n.export-form {\n  position: relative;\n  .spinner {\n    position: absolute;\n    bottom: 0;\n    @include right(-24px);\n  }\n}\n\n.thumbviewhelper {\n  margin: -7px;\n  padding: 7px;\n\n  .thumbsview {\n    &,\n    li {\n      margin: 0 !important;\n    }\n  }\n}\n\n/* structures */\n.structure {\n  position: relative;\n  z-index: 1;\n\n  li {\n    @include padding-left(8px);\n\n    &.collapsed > ul {\n      display: none;\n    }\n\n    .row:hover > .icon,\n    &.draghelper > .row .move,\n    .add.active {\n      opacity: 1;\n    }\n\n    &.draghelper {\n      & > .row {\n        .add {\n          opacity: 0;\n        }\n\n        .move:before {\n          color: var(--link-color);\n        }\n      }\n    }\n\n    &.draginsertion {\n      position: relative;\n      @include margin(-1px, 0, -1px, 8px);\n      @include padding-left(0);\n      height: 2px;\n      background-color: var(--link-color) !important;\n      @include border-left(none);\n      border-radius: 1px;\n    }\n\n    .toggle {\n      position: relative;\n      z-index: 1;\n      @include floatleft;\n      @include margin(10px, -8px, 0, -12px);\n      padding: 4px;\n    }\n\n    .row:after {\n      @include clearafter;\n    }\n\n    .move,\n    .add {\n      @include margin(5px, 5px, 0, 0);\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    .add {\n      padding: 0 5px;\n\n      &:before {\n        content: 'downangle';\n        color: var(--dark-hairline-color);\n      }\n\n      &:not(.disabled):hover:before,\n      &.active:before {\n        color: var(--link-color);\n      }\n    }\n\n    .checkbox {\n      @include floatleft;\n      @include margin(7px, 0, 0, 7px);\n    }\n  }\n\n  ul {\n    @include margin-left(-3px);\n\n    li {\n      @include padding-left(38px);\n      background-repeat: no-repeat;\n\n      body.ltr & {\n        background-image: url(../images/branch.png);\n        background-position: 0 0;\n      }\n\n      body.rtl & {\n        background-image: url(../images/branch_rtl.png);\n        background-position: 100% 0;\n      }\n\n      &:not(:last-child):not(.last) {\n        @include padding-left(37px);\n        @include border-left(1px solid var(--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      .element {\n        z-index: 2;\n        border-radius: 15px;\n        box-shadow: inset 0 0 0 2px var(--link-color);\n      }\n    }\n\n    &.droptarget {\n      border-radius: 5px;\n      box-shadow: inset 0 0 0 2px var(--link-color);\n    }\n  }\n}\n\n/* element select fields */\n.elementselect {\n  position: relative;\n  min-height: 34px;\n  margin-top: -7px;\n\n  .elements:after {\n    @include clearafter;\n  }\n\n  .element {\n    @include floatleft;\n    @include margin(7px, 7px, 0, 0);\n  }\n\n  .element.small,\n  .flex,\n  .btn {\n    clear: both;\n  }\n\n  .element {\n    z-index: 1;\n\n    &.small {\n      max-width: 100%;\n\n      .label {\n        display: block;\n        max-width: 100%;\n        box-sizing: border-box;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .caboose {\n    @include floatleft;\n  }\n\n  .flex {\n    padding-top: 7px;\n    float: none !important;\n  }\n}\n\n/* editable tables */\ntable.editable {\n  border-radius: var(--large-border-radius);\n  border: 1px solid var(--gray-200);\n\n  th,\n  td.action {\n    color: var(--medium-text-color);\n    font-weight: normal;\n    background-color: var(--gray-050);\n  }\n\n  thead,\n  tbody {\n    tr {\n      th {\n        padding: 6px 10px;\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        border-bottom: 1px solid var(--hairline-color);\n\n        &.has-info {\n          @include padding-right(calc(15px + 1em));\n        }\n\n        span.info {\n          position: absolute;\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      &:not(:first-child) {\n        th,\n        td {\n          border-top: 1px solid var(--hairline-color);\n        }\n      }\n\n      &:last-child {\n        td:first-child {\n          @include border-bottom-left-radius(var(--large-border-radius));\n\n          textarea,\n          input.text {\n            @include border-bottom-left-radius(\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 <td> that follows a <th>, if there is one.\n        // This is a ridiculous CSS hack since there's no operator/pseudo-class that mimics jQuery's next(selector) function.\n        // If there was it could have been as simple as: th ??? td:not(.hidden) { dark left border }\n        // kudos to Mark Huot for coming up with it!\n        & ~ td:not(:first-child) {\n          @include border-left(1px solid #dbdddf);\n        }\n      }\n\n      td {\n        vertical-align: top;\n        text-align: center;\n        background-color: var(--white);\n        padding: 4px 10px;\n\n        &.focus {\n          position: relative;\n          box-shadow: inset 0 0 0 1px var(--hairline-color);\n        }\n\n        &.textual {\n          padding: 0;\n\n          textarea {\n            resize: none;\n          }\n\n          pre {\n            @include alignleft;\n            white-space: pre-wrap;\n          }\n        }\n\n        &.lightswitch-cell {\n          padding-top: 9px;\n          padding-bottom: 9px;\n\n          .lightswitch {\n            display: block;\n            margin: 0 auto;\n          }\n        }\n\n        &.checkbox-cell {\n          padding-top: 10px;\n          padding-bottom: 10px;\n\n          .checkbox-wrapper {\n            display: block;\n            margin: -2px auto 0;\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        &.error {\n          box-shadow: inset 0 0 0 1px var(--error-color);\n        }\n\n        &.disabled {\n          position: relative;\n          opacity: 1;\n\n          &:after {\n            content: '';\n            font-size: 0;\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: transparentize($grey050, 0.25);\n            user-select: none;\n          }\n        }\n\n        &.action {\n          padding: 4px 7px;\n\n          & + td.action {\n            @include border-left(none);\n            @include padding-left(0);\n          }\n        }\n\n        .flex > * {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    textarea,\n    textarea.text,\n    input.text,\n    pre {\n      display: block;\n      width: 100%;\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n      padding: 7px 10px;\n      background-color: transparent;\n      overflow: hidden;\n      transition: none;\n      box-sizing: border-box;\n    }\n\n    .color-container {\n      display: block;\n      position: relative;\n\n      & > .color,\n      .color-input {\n        margin-bottom: 0;\n      }\n\n      & > .color {\n        position: absolute;\n        top: 10px;\n        @include left(10px);\n        z-index: 1;\n      }\n\n      .color-hex-indicator {\n        @include left(32px);\n      }\n\n      .color-input {\n        @include padding-left(calc(32px + 1em));\n      }\n    }\n\n    .datewrapper,\n    .timewrapper {\n      display: block;\n      width: 100%;\n\n      .text + div[data-icon] {\n        top: 6px;\n        @include left(10px);\n      }\n    }\n  }\n\n  &:not(.static) {\n    td.textual {\n      cursor: text;\n    }\n  }\n\n  & + .btn.add {\n    display: block;\n    width: 100%;\n  }\n\n  &:not(.hidden) + .btn.add {\n    border-top-width: 0;\n    border-radius: 0 0 var(--medium-border-radius) var(--medium-border-radius);\n  }\n}\n\n.border-box,\n.shadow-box {\n  & + .buttons {\n    margin-top: 7px;\n  }\n}\n\n/* ----------------------------------------\n/*  Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n  @include margin-left(20px);\n}\n\n.tree li .toggle {\n  @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n  display: inline-block;\n  @include margin-right(10px);\n  width: 10px;\n  height: 10px;\n  border: 1px solid transparent;\n  border-radius: 100%;\n  box-sizing: border-box;\n\n  body.use-shapes & {\n    &.pending {\n      background-color: transparent;\n      border-style: solid;\n      border-width: 0 5px 10px 5px;\n      border-color: transparent transparent var(--pending-color) transparent;\n      border-radius: 1px;\n    }\n\n    &.off,\n    &.suspended,\n    &.expired {\n      border-radius: 1px;\n    }\n  }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.pending):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(.red):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(.light):not(.grey):not(.black) {\n  border-color: var(--ui-control-color);\n}\n\n.green,\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n  background-color: var(--enabled-color);\n}\n\n.orange,\n.status.pending {\n  background-color: var(--pending-color);\n}\n\n.red,\n.status.off,\n.status.suspended,\n.status.expired {\n  background-color: var(--disabled-color);\n}\n\n.yellow {\n  background-color: var(--yellow-300);\n}\n\n.pink {\n  background-color: var(--pink-400);\n}\n\n.purple {\n  background-color: #9b59b6;\n}\n\n.blue {\n  background-color: var(--blue-600);\n}\n\n.turquoise {\n  background-color: var(--teal-300);\n}\n\n.status.light {\n  background-color: var(--gray-100);\n}\n\n.grey {\n  background-color: var(--gray-300);\n}\n\n.black {\n  background-color: var(--gray-800);\n}\n\n.status.white,\n.status.disabled {\n  opacity: 1;\n}\n\n/* ----------------------------------------\n/*  Condition builders\n/* ----------------------------------------*/\n\n.condition-container {\n  margin: 24px 0;\n}\n\n.condition:not(:empty) + .condition-footer .btn.add {\n}\n\n.condition-rule,\n.condition-footer {\n  padding: 7px;\n}\n\n.condition-footer {\n  border: 1px dashed var(--medium-hairline-color);\n  border-radius: var(--large-border-radius);\n\n  .condition:not(:empty) + & {\n    border-top-width: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .spinner:not(.loading) {\n    display: none;\n  }\n}\n\n.condition-rule {\n  margin: 0;\n  border: 1px solid var(--hairline-color);\n  background-color: var(--gray-050);\n\n  &:first-child {\n    border-top-left-radius: var(--large-border-radius);\n    border-top-right-radius: var(--large-border-radius);\n  }\n\n  & + .condition-rule {\n    border-top-width: 0;\n  }\n\n  & > .rule-move,\n  & > .rule-actions {\n    margin-top: 5px;\n  }\n\n  & > .rule-body {\n    .lightswitch {\n      margin-top: 6px;\n      display: block;\n    }\n\n    .selectize {\n      min-width: 100px;\n    }\n\n    .text.fullwidth {\n      min-width: 100px;\n      max-width: 100%;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Progress bar\n/* ----------------------------------------*/\n\n.progressbar {\n  border-radius: 6px;\n  border: 2px solid var(--gray-700);\n  padding: 2px;\n  position: absolute;\n  left: 20%;\n  width: 60%;\n  z-index: 1000;\n}\n\n.progressbar-inner {\n  border-radius: 2px;\n  height: 4px;\n  background-color: var(--gray-700);\n}\n\n.progressbar:not(.pending) .progressbar-inner {\n  width: 0;\n  transition: width linear 100ms;\n}\n\n.progressbar.pending .progressbar-inner {\n  @include striped-bg(17.6776695297px, var(--gray-700)); // sqrt(25^2 / 2);\n  body.ltr & {\n    animation-name: pendingprogress-ltr;\n  }\n  body.rtl & {\n    animation-name: pendingprogress-rtl;\n  }\n  animation-timing-function: linear;\n  animation-duration: 250ms;\n  animation-iteration-count: infinite;\n}\n\n@keyframes pendingprogress-ltr {\n  from {\n    background-position: 0;\n  }\n  to {\n    background-position: 25px;\n  }\n}\n\n@keyframes pendingprogress-rtl {\n  from {\n    background-position: 0;\n  }\n  to {\n    background-position: -25px;\n  }\n}\n\n.elementselect .progress-shade {\n  background-color: transparentize($white, 0.2);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  @include left(0);\n  display: none;\n}\n\n.elementselect.uploading {\n  position: relative;\n}\n\n.elementselect.uploading .progress-shade {\n  display: block;\n  z-index: 2;\n}\n\n// Plugin installers\n\n.missing-component {\n  padding: 7px 10px !important;\n  max-width: 400px;\n  background-color: var(--gray-050) !important;\n\n  .error {\n    margin: 0;\n  }\n\n  .install-plugin {\n    margin: 7px 0 -7px;\n    border-top: 1px solid var(--hairline-color);\n    position: relative;\n    @include padding(10px, 0, 10px, 40px);\n\n    .icon {\n      width: 32px;\n      height: 32px;\n      position: absolute;\n      top: calc(50% - 16px);\n      @include left(0);\n\n      img,\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    h3 {\n      flex: 1;\n      margin: 8px 0 !important;\n    }\n\n    .btn {\n      margin: 0;\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Panes, Modals and HUDs\n/* ----------------------------------------*/\n\n.pane {\n  @include pane;\n  position: relative;\n  margin: 14px 0;\n  padding: 24px;\n  border-radius: var(--large-border-radius);\n  word-wrap: break-word;\n  box-sizing: border-box;\n\n  .pane &,\n  #content & {\n    background-color: var(--gray-050);\n    border: 1px solid var(--hairline-color);\n    box-shadow: none;\n  }\n\n  &.loading {\n    min-height: 200px;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      left: -24px;\n      width: calc(100% + #{24 + 24}px);\n      height: 100%;\n    }\n  }\n}\n\n.pane-header {\n  margin: calc(var(--xl) * -1) var(--neg-padding) var(--xl);\n  padding: var(--s) var(--xl);\n  min-height: 50px;\n  box-sizing: border-box;\n  box-shadow: inset 0 -1px 0 0 transparentize($grey300, 0.75);\n  border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n  background-color: var(--gray-050);\n\n  .header-btn {\n    margin: 2px 0;\n    @include header-btn;\n  }\n\n  .spinner {\n    margin: 0 !important;\n  }\n}\n\n.pane-tabs {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: calc(var(--s) * -1) calc(var(--xl) * -1);\n\n  &:first-child {\n    border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n    overflow: hidden;\n  }\n\n  [role='tablist'] {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    &.scrollable {\n      body.ltr & {\n        mask-image: linear-gradient(\n          to left,\n          rgba(0, 0, 0, 0),\n          rgba(0, 0, 0, 1) 24px\n        );\n      }\n      body.rtl & {\n        mask-image: linear-gradient(\n          to right,\n          rgba(0, 0, 0, 0),\n          rgba(0, 0, 0, 1) 24px\n        );\n      }\n    }\n\n    [role='tab'] {\n      &,\n      .tab-label {\n        border-radius: 2px 2px 0 0;\n      }\n\n      .tab-label {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        position: relative;\n        padding: 0 24px;\n        white-space: nowrap;\n        color: var(--light-text-color);\n        height: 50px;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &.focus-visible {\n        box-shadow: none;\n\n        .tab-label {\n          box-shadow: var(--inner-focus-ring);\n        }\n      }\n\n      &:not(.sel) {\n        &:hover {\n          background-color: transparentize($grey300, 0.85);\n        }\n      }\n\n      &.sel {\n        position: relative;\n        z-index: 1;\n        cursor: default;\n        color: var(--text-color);\n        box-shadow: inset 0 2px 0 var(--gray-500), 0 0 0 1px $hairlineColor,\n          0 2px 12px transparentize($grey200, 0.5);\n        color: var(--text-color);\n        background-color: var(--white);\n      }\n\n      span[data-icon] {\n        @include margin-left(4px);\n      }\n    }\n  }\n\n  &:first-child {\n    [role='tablist'] {\n      [role='tab'] {\n        &:first-child {\n          &,\n          .tab-label {\n            @include border-top-left-radius(var(--large-border-radius));\n          }\n        }\n      }\n    }\n  }\n\n  .menubtn {\n    margin: 0 var(--xl);\n  }\n}\n\n/* detail sidebars */\n.details {\n  --spacing: var(--l);\n  padding: 0 var(--padding) var(--spacing);\n\n  .meta,\n  .field,\n  hr {\n    margin-left: var(--neg-padding);\n    margin-right: var(--neg-padding);\n  }\n\n  .meta {\n    margin-bottom: var(--spacing);\n\n    &:not(.read-only) {\n      background-color: var(--gray-050) !important;\n    }\n\n    &.read-only {\n      color: var(--medium-text-color);\n\n      & > .data {\n        align-items: baseline;\n        min-height: auto;\n\n        & > .heading,\n        & > .value {\n          padding: 6px 0;\n        }\n\n        &:first-child {\n          & > .heading,\n          & > .value {\n            padding-top: 0;\n          }\n        }\n\n        &:last-child {\n          & > .heading,\n          & > .value {\n            padding-bottom: 0;\n          }\n        }\n      }\n    }\n\n    &.warning {\n      padding-top: var(--m);\n      padding-bottom: var(--m);\n      color: var(--text-color) !important;\n      background-color: var(--yellow-050) !important;\n      box-shadow: 0 0 0 1px var(--yellow-300),\n        0 2px 12px transparentize($grey200, 0.5);\n\n      p {\n        margin-bottom: 5px;\n      }\n\n      .btn {\n        background-color: var(--yellow-300);\n\n        &:hover,\n        &:focus {\n          background-color: darken($yellow300, 10%);\n        }\n\n        &:active {\n          background-color: darken($yellow300, 15%);\n        }\n      }\n    }\n\n    & > .field,\n    & > .data {\n      margin: 0 var(--neg-padding) !important;\n\n      & > .heading > label,\n      & > .heading {\n        color: var(--gray-600);\n      }\n    }\n\n    & > .field > .status-badge {\n      @include left(0);\n    }\n\n    .text::placeholder,\n    .datewrapper .text + div[data-icon],\n    .timewrapper .text + div[data-icon] {\n      color: var(--gray-500);\n    }\n\n    .ui-datepicker {\n      @include margin(0, 0, 0, -8px);\n    }\n  }\n\n  hr {\n    margin: var(--spacing) 0;\n    border-top-color: var(--hairline-color);\n  }\n\n  @include placeholder-styles(var(--gray-500));\n\n  .text {\n    background-color: transparent !important;\n    resize: none;\n  }\n\n  & > .field > .heading > label,\n  & > fieldset > legend {\n    margin-top: 0;\n    font-weight: normal;\n    color: var(--gray-600);\n  }\n\n  & > fieldset {\n    margin: 0 0 var(--spacing);\n\n    & > legend {\n      margin-bottom: 5px;\n    }\n  }\n\n  & > .field {\n    margin: 0 0 var(--spacing);\n\n    & > .heading {\n      margin-top: 0;\n    }\n\n    & > .input > .text.fullwidth {\n      margin: 0 var(--neg-padding);\n      padding-left: var(--padding);\n      padding-right: var(--padding);\n      border: none;\n      background-color: var(--gray-050) !important;\n      width: calc(100% + var(--padding) + var(--padding));\n    }\n  }\n\n  & > .text {\n    border-radius: var(--large-border-radius);\n    margin-bottom: var(--spacing);\n\n    &:not(:focus) {\n      border-color: transparentize($inputColor, 0.6);\n    }\n  }\n}\n\n/* meta panes */\n.meta {\n  padding: 0 var(--padding);\n  overflow: visible;\n\n  &,\n  & > .flex-fields {\n    & > .field,\n    & > .data {\n      display: flex;\n      min-height: 50px;\n      box-sizing: border-box;\n      flex-wrap: wrap; // for error lists\n      justify-content: space-between;\n      align-items: center;\n      margin: 0 var(--neg-padding) !important;\n      padding: 0 var(--padding);\n      transition: padding-left linear 100ms, padding-right linear 100ms;\n\n      &.nested {\n        @include padding-left(38px);\n      }\n\n      &.add {\n        background-color: darken($grey050, 2%);\n\n        &:before {\n          position: absolute;\n          @include left(0);\n          width: 31px;\n          @include alignright;\n          @include icon;\n          content: 'plus';\n          color: var(--light-text-color);\n        }\n\n        .input {\n          width: 100%;\n        }\n      }\n\n      & > .heading {\n        flex: 0 0 104px;\n        @include margin(0, var(--s), 0, 0);\n        line-height: 18px;\n      }\n\n      &.lightswitch-field > .heading {\n        flex: 1;\n      }\n\n      & > .input {\n        .flex {\n          flex-wrap: nowrap;\n\n          & > * {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    & > .field > .heading {\n      padding: 14px 0;\n\n      & > .copytextbtn {\n        display: none;\n      }\n    }\n\n    & > .data > .heading {\n      padding: var(--s) 0;\n    }\n\n    & > .field > .heading > label,\n    & > .data > .heading {\n      color: var(--medium-text-color);\n    }\n\n    & > .field > .input,\n    & > .data > .value {\n      padding: var(--s) 0;\n      width: calc(100% - 112px);\n    }\n\n    & > .data > .value {\n      display: flex;\n      align-items: center;\n\n      & > [data-icon='draft'] {\n        margin-top: -2px;\n        @include margin-right(8px);\n      }\n    }\n\n    & > .field.lightswitch-field > .input {\n      flex: 0;\n      width: auto;\n    }\n\n    & > .field {\n      &.has-errors {\n        border: 1px solid var(--error-color) !important;\n\n        &:first-child {\n          border-top-left-radius: var(--large-border-radius);\n          border-top-right-radius: var(--large-border-radius);\n        }\n\n        &:last-child {\n          border-bottom-left-radius: var(--large-border-radius);\n          border-bottom-right-radius: var(--large-border-radius);\n        }\n\n        & + .field {\n          border-top: none !important;\n        }\n      }\n\n      & > .heading {\n        & > label,\n        & > legend {\n          font-weight: normal;\n        }\n      }\n\n      & > .input {\n        &,\n        & > .flex,\n        & > .flex > .textwrapper,\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          & > .text {\n            display: block;\n            margin: calc(var(--s) * -1) 0;\n            padding: 14px 0;\n            border-radius: 0;\n            background-color: transparent;\n            border: none !important;\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          background-color: transparent;\n          .text + div[data-icon] {\n            @include left(0);\n          }\n        }\n\n        & > .datetimewrapper {\n          & > .datewrapper {\n            width: 55%;\n          }\n\n          & > .timewrapper {\n            width: 45%;\n          }\n\n          & > .clear-btn {\n            @include margin-right(-24px);\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper {\n          display: block;\n          width: 100%;\n        }\n      }\n\n      & > ul.errors {\n        margin: 0;\n        padding: 0 0 6px;\n        width: 100%;\n        list-style-type: none;\n      }\n\n      & > .clear-btn {\n        @include margin-right(var(--neg-padding));\n      }\n    }\n  }\n\n  & > .field:not(:first-child),\n  & > .flex-fields + .field {\n    border-top: 1px solid var(--hairline-color);\n  }\n\n  & > .flex-fields {\n    h2,\n    blockquote.note {\n      margin: 0 -24px !important;\n      padding: 14px 24px;\n      background-color: darken($grey050, 2%);\n    }\n\n    blockquote.note {\n      border-radius: 0;\n      border: none;\n    }\n\n    hr {\n      margin: 0 -24px;\n    }\n  }\n}\n\n.meta > .field > .input > .select {\n  display: block;\n  margin: calc(var(--s) * -1) 0;\n  width: 100%;\n  border-radius: 0;\n  box-shadow: none;\n  background-color: transparent;\n\n  &:after {\n    @include right(0);\n  }\n\n  & + .spinner {\n    position: absolute;\n    top: calc(50% - 17px);\n    @include right(-24px);\n  }\n\n  select {\n    @include padding(var(--s), 12px, var(--s), 0);\n    width: 100%;\n    background-color: transparent;\n  }\n}\n\n.body {\n  position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.modal,\n.hud .body {\n  @include modal;\n}\n\n.slideout-shade {\n  opacity: 0;\n  transition: opacity linear 250ms;\n\n  &.so-visible {\n    opacity: 1;\n  }\n}\n\n.slideout-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  height: -webkit-fill-available; // h/t https://twitter.com/AllThingsSmitty/status/1254151507412496384\n  pointer-events: none;\n\n  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: 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\n  &.so-mobile {\n    --padding: 14px;\n    --neg-padding: -14px;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    transition: top linear 250ms;\n    will-change: top;\n  }\n\n  &:not(.so-mobile) {\n    top: 8px;\n    width: calc(50% - 8px);\n    height: calc(100% - 16px);\n    border-radius: var(--large-border-radius);\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      body.ltr & {\n        transition: left linear 250ms;\n        will-change: left;\n      }\n\n      body.rtl & {\n        transition: right linear 250ms;\n        will-change: right;\n      }\n    }\n  }\n\n  & > .pane-header {\n    z-index: 2;\n\n    & > .so-toolbar {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--s);\n      min-height: calc(50px - 16px);\n\n      & > .pane-tabs {\n        width: 1px; // give other elements in the header plenty of room before the tabs take up whatever's left\n        flex: 1;\n        @include margin-right(0);\n      }\n    }\n  }\n\n  &.so-mobile > .pane-header {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  & > .so-body {\n    flex: 1;\n    margin: -24px var(--neg-padding) 0;\n    padding: 24px var(--padding);\n    overflow: hidden auto;\n    position: relative;\n\n    & > .so-sidebar {\n      position: absolute;\n      top: 0;\n      @include pane();\n      width: 350px;\n      height: 100%;\n      max-width: 100%;\n      box-sizing: border-box;\n      padding: 0 var(--padding) var(--spacing);\n      background-color: var(--gray-100);\n      overflow: hidden auto;\n      z-index: 1;\n\n      body.ltr & {\n        transition: right linear 250ms;\n      }\n      body.rtl & {\n        transition: left linear 250ms;\n      }\n\n      & > .preview-thumb-container {\n        margin: 0 var(--neg-padding);\n        height: auto;\n        min-height: 54px; // make room for the Preview / Edit buttons\n\n        & + .pane-header {\n          border-radius: 0;\n        }\n      }\n\n      .image-actions {\n        &.is-mobile {\n          margin: calc(var(--spacing) / 2) 0 var(--spacing);\n        }\n      }\n\n      & > .meta.read-only:first-child {\n        margin-top: var(--padding);\n      }\n\n      & > .meta.warning {\n        box-shadow: none;\n        border-bottom: 1px solid var(--yellow-300);\n      }\n\n      & > .field {\n        & > .input > .text.fullwidth {\n          border-radius: 0;\n        }\n      }\n\n      .notes {\n        padding-top: var(--m);\n        padding-bottom: var(--m);\n      }\n    }\n  }\n\n  & > .so-footer {\n    position: relative;\n    display: flex;\n    gap: 8px;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    margin: 0 var(--neg-padding) -24px;\n    padding: 8px var(--padding);\n    @include pane;\n    background-color: var(--gray-050);\n    z-index: 3;\n\n    & > .so-extra {\n      flex: 0 0 100%;\n      margin: 0 var(--neg-padding);\n      padding: 0 var(--padding) 8px;\n      border-bottom: 1px solid var(--hairline-color);\n    }\n  }\n}\n\n@media (min-width: 1536px) {\n  .slideout {\n    &.has-sidebar {\n      .pane-header:not(.so-visible) {\n        display: none;\n      }\n\n      .sidebar-btn {\n        display: none;\n      }\n\n      .so-body {\n        display: flex;\n        flex-direction: row;\n        padding: 0;\n        overflow: hidden;\n\n        & > .so-content {\n          position: relative;\n          z-index: 2;\n          padding: 24px;\n          width: calc(100% - 350px);\n          height: 100%;\n          box-sizing: border-box;\n          @include border-right(1px solid var(--gray-200));\n          overflow: hidden auto;\n        }\n\n        & > .so-sidebar {\n          position: relative;\n          display: block !important;\n          top: auto;\n          right: auto !important;\n          left: auto !important;\n          height: 100%;\n          box-shadow: none;\n        }\n      }\n    }\n\n    & > .so-footer {\n      & > .so-extra {\n        margin: 0;\n        padding: 0;\n        border: none;\n        flex: auto 0 1;\n      }\n    }\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer,\n.body {\n  &:after {\n    @include clearafter;\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n  border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n  padding: 24px;\n  box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n  h1 {\n    margin: 0;\n  }\n}\n\n.footer,\n.hud-footer {\n  border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n  padding: var(--s) var(--xl);\n  box-shadow: inset 0 1px 0 var(--hairline-color);\n\n  &.flex {\n    & > * {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.modal .body,\n.hud .main {\n  padding: 24px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n  .header {\n    margin: -24px -24px 24px;\n  }\n\n  .footer {\n    margin: 24px -24px -24px;\n  }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n  z-index: 100;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: none;\n}\n\n.slideout-shade,\n.modal-shade {\n  &:not(.dark) {\n    background-color: transparentize($grey400, 0.65) !important;\n  }\n\n  &.dark {\n    background-color: transparentize($grey900, 0.5) !important;\n  }\n}\n\n.modal {\n  position: fixed;\n  overflow: hidden;\n\n  &:not(.fitted):not(.fullscreen) {\n    width: 66%;\n    height: 66%;\n    min-width: 600px;\n    min-height: 400px;\n  }\n\n  &.fitted {\n    width: auto;\n    height: auto;\n    min-width: 0;\n    min-height: 0;\n  }\n\n  &.fullscreen {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  &.alert .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-6px, 0, 0, -58px);\n      @include floatleft;\n      content: 'alert';\n      font-size: 40px;\n      color: var(--light-text-color);\n    }\n  }\n\n  &.secure .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-14px, 0, 0, -56px);\n      @include floatleft;\n      content: 'secure';\n      font-size: 58px;\n      color: var(--light-text-color);\n    }\n  }\n\n  .resizehandle {\n    position: absolute;\n    z-index: 1;\n    bottom: 0;\n    @include right(0);\n    width: 24px;\n    height: 24px;\n    background: no-repeat 50% 50%;\n    cursor: nwse-resize;\n    body.ltr & {\n      background-image: url(../images/resizehandle.png);\n    }\n    body.rtl & {\n      background-image: url(../images/resizehandle_rtl.png);\n    }\n  }\n}\n\n.hud {\n  position: absolute;\n  display: none;\n  top: 0;\n\n  &.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray.png);\n  }\n\n  .tip {\n    position: absolute;\n    z-index: 101;\n    background: no-repeat 0 0;\n  }\n\n  .tip-left {\n    left: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_left.png);\n  }\n\n  .tip-top {\n    top: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_top.png);\n  }\n\n  .tip-right {\n    right: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_right.png);\n  }\n\n  .tip-bottom {\n    bottom: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_bottom.png);\n  }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n  padding: var(--s) var(--xl);\n}\n\n.hud .body {\n  overflow: hidden;\n\n  ::-webkit-scrollbar {\n    appearance: none;\n\n    &:vertical {\n      width: 11px;\n    }\n\n    &:horizontal {\n      height: 11px;\n    }\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 8px;\n    border: 2px solid transparent;\n    background-color: transparentize($black, 0.5);\n    background-clip: content-box;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: var(--gray-050);\n  }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 190px;\n  background-color: var(--gray-900);\n  margin: 0 var(--neg-padding) var(--spacing);\n\n  &.checkered img {\n    background-color: var(--white);\n    @include checkered-bg(17px);\n  }\n\n  &.editable {\n    cursor: pointer;\n  }\n\n  &.loading {\n    &:after {\n      content: '';\n      font-size: 0;\n      display: block;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background-color: transparentize($grey900, 0.2);\n    }\n\n    .spinner {\n      color: var(--white);\n      z-index: 1;\n    }\n  }\n\n  #details & {\n    border-radius: var(--large-border-radius);\n    overflow: hidden;\n  }\n\n  .preview-thumb {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n\n    img {\n      display: block;\n      max-width: 100%;\n      max-height: 190px;\n    }\n  }\n}\n\n.image-actions {\n  &.is-mobile {\n    margin: calc((var(--spacing) / 2) * -1) var(--neg-padding) var(--spacing);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.button-fade {\n  .buttons {\n    opacity: 0;\n    position: absolute;\n    top: 10px;\n    @include right(10px);\n    margin: 0;\n    transition: opacity linear 100ms;\n\n    .btn {\n      --ui-control-color: var(--white);\n      --ui-control-hover-color: var(--white);\n      --ui-control-active-color: var(--white);\n      --interaction-background-color: var(--gray-700);\n      background-color: var(--gray-600);\n      color: var(--white);\n      @include light-on-dark-text;\n      @include two-color-focus-ring($light-button: false);\n\n      &:hover {\n        background-color: var(--interaction-background-color) !important;\n      }\n\n      &:not(.disabled):not(.loading):not(.dashed) {\n        &:focus,\n        &.focus,\n        &:hover {\n          background-color: var(--interaction-background-color);\n        }\n      }\n    }\n  }\n\n  &:hover,\n  &:focus-within {\n    .buttons {\n      opacity: 1;\n    }\n  }\n}\n\n/* element selector modals */\n.elementselectormodal {\n  --content-padding: 24px;\n  padding-bottom: 50px;\n  user-select: none;\n\n  .main-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: var(--s);\n  }\n\n  .main-heading {\n    margin-bottom: 0;\n  }\n\n  .nav-toggle {\n    @include margin-left(4px);\n    @include touch-target;\n    color: var(--ui-control-color);\n\n    &:hover {\n      color: var(--gray-500);\n    }\n  }\n\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n    padding: 0 var(--s);\n    margin-bottom: var(--s);\n  }\n\n  .nav-close {\n    @include touch-target;\n  }\n\n  .body {\n    position: relative;\n    height: 100%;\n\n    .spinner.big {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -24px 0 0 -24px;\n    }\n\n    .content {\n      height: calc(100% + 48px);\n\n      .sidebar {\n        position: absolute;\n        top: 0;\n        @include margin-left(-249px);\n        height: 100%;\n        overflow: auto;\n        padding: var(--content-padding) 0;\n      }\n\n      .main {\n        margin: -24px;\n        padding: var(--content-padding);\n        height: 100%;\n        box-sizing: border-box;\n        overflow: auto;\n        position: relative;\n\n        .elements {\n          &.busy {\n            min-height: calc(100% - 48px);\n          }\n\n          .tableview table {\n            .element {\n              display: inline-block;\n            }\n\n            tr {\n              &.disabled {\n                opacity: 1;\n                color: var(--gray-200);\n\n                .element {\n                  opacity: 0.25;\n                }\n              }\n\n              th,\n              td {\n                cursor: default;\n              }\n\n              td:first-child {\n                @include padding-left(7px);\n              }\n            }\n          }\n\n          .structure .row {\n            margin-top: 1px;\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    margin: 0;\n    box-sizing: border-box;\n\n    .spinner {\n      @include floatright;\n      @include margin-right(-24px);\n    }\n  }\n}\n\n/* element editing HUD */\n.element-hud-form {\n  .buttons {\n    position: relative;\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(-24px);\n    }\n  }\n}\n\n/* element filter HUD */\n.element-filter-hud {\n  &.loading .body {\n    padding: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .body,\n  .main {\n    overflow: visible;\n  }\n}\n\n/* Address Cards */\n.address-cards {\n  display: grid;\n  gap: var(--m) var(--m);\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n  grid-auto-rows: minmax(0, 1fr);\n\n  .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.loginmodalshade {\n  z-index: 101;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal,\n.prompt {\n  width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n  z-index: 101;\n}\n\n.prompt {\n  height: auto;\n  min-height: auto;\n}\n\n/* delete user modal */\n.deleteusermodal {\n  .content-summary {\n    margin: -24px -24px 24px;\n    padding: 24px;\n    background-color: var(--gray-050);\n  }\n\n  .options {\n    label {\n      display: inline-block;\n      line-height: 30px;\n    }\n  }\n\n  .elementselect {\n    @include margin-left(10px);\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .buttons {\n    .spinner {\n      @include margin-right(-20px);\n    }\n  }\n}\n\n.dropdownsettingsmodal {\n  width: auto;\n  height: auto;\n  min-width: 0;\n  min-height: 0;\n  max-width: 400px;\n\n  .body {\n    max-height: 100%;\n    overflow-y: auto;\n  }\n}\n\n.previewmodal {\n  &.zilch {\n    padding: 100px 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n/* ----------------------------------------\n/*  Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n  @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n  padding: 0;\n}\n\n.menu {\n  display: none;\n  position: absolute;\n\n  h6 {\n    &:first-child {\n      margin-top: 14px !important;\n    }\n  }\n\n  ul {\n    &.padded {\n      li {\n        a,\n        .menu-option {\n          @include padding-left(24px);\n\n          &[data-icon],\n          &.icon,\n          &.sel {\n            &:before {\n              @include floatleft;\n              @include margin(3px, 0, 0, -17px);\n              font-size: 14px;\n              color: var(--ui-control-color);\n            }\n\n            &.error:before {\n              color: var(--error-color);\n            }\n          }\n\n          &.sel:not([data-icon]):before {\n            content: 'check';\n          }\n        }\n      }\n    }\n\n    li {\n      a,\n      .menu-option {\n        @include menu-option-styles;\n        font-size: 14px;\n        cursor: default;\n        -webkit-appearance: none;\n\n        &:not(.flex) {\n          display: block !important;\n          box-sizing: border-box;\n          width: calc(100% + 28px);\n          @include alignleft;\n        }\n\n        &.sel {\n          cursor: default;\n        }\n\n        .shortcut {\n          @include floatright;\n          @include margin-left(14px);\n          padding: 0 4px;\n          border-radius: var(--medium-border-radius);\n          box-shadow: 0 0 0 1px transparentize($grey600, 0.75),\n            0 1px 3px -1px transparentize($grey600, 0.5);\n        }\n      }\n    }\n  }\n\n  & > .flex {\n    margin-top: 10px;\n    margin-bottom: 10px;\n    position: relative;\n\n    &.padded {\n      @include margin-left(-14px);\n      @include padding-left(24px);\n\n      &.sel {\n        &:before {\n          position: absolute;\n          top: 36px;\n          @include left(7px);\n          content: 'check';\n          font-size: 14px;\n          color: var(--light-text-color);\n        }\n      }\n    }\n  }\n\n  hr {\n    margin: 5px -14px;\n  }\n}\n\n.menubtn,\n.menu {\n  span.icon {\n    display: inline-block;\n    margin-top: -1px;\n    width: 10px;\n    @include margin-right(10px);\n    text-align: center;\n    font-size: 14px;\n    color: var(--ui-control-color);\n  }\n}\n\n.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover,\n.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover {\n  @include menu-option-active-styles;\n\n  --text-color: var(--white);\n  --light-text-color: var(--gray-100);\n  --ui-control-color: var(--gray-050);\n  --ui-control-hover-color: var(--gray-100);\n  --ui-control-active-color: var(--gray-100);\n\n  span.icon,\n  &:before {\n    color: var(--menu-option-active-color);\n  }\n\n  &.error {\n    color: var(--menu-option-active-color) !important;\n  }\n}\n\n.menu {\n  hr.padded,\n  h6.padded {\n    @include margin-left(10px);\n  }\n}\n\n.menu--disclosure ul li {\n  & > a,\n  & > .menu-option {\n    &:hover {\n      @include disclosure-link-hover-styles;\n    }\n\n    body:not(.reduce-focus-visibility) &:focus,\n    body.reduce-focus-visibility &.focus-visible {\n      box-shadow: inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n    }\n  }\n}\n\n/* tag select fields */\n.tagselect {\n  .elements {\n    display: inline;\n  }\n\n  .element.small {\n    clear: none;\n  }\n\n  .add {\n    position: relative;\n    z-index: 1;\n    @include margin(7px, 7px, 0, 0);\n    display: inline-block;\n    width: 12em;\n\n    .text {\n      @include padding-right(30px);\n    }\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(5px);\n    }\n  }\n\n  // todo: why are body.ltr and body.rtl needed here?\n  body.ltr &,\n  body.rtl & {\n    &.elementselect .element {\n      float: none !important;\n      display: inline-block;\n    }\n  }\n}\n\n.tagmenu {\n  ul {\n    li {\n      a {\n        @include padding-left(26px);\n\n        &:before {\n          @include floatleft;\n          @include margin(3px, 0, 0, -18px);\n        }\n      }\n    }\n  }\n}\n\n/* selectize */\n\n/* ----------------------------------------\n/*  Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n  border-radius: var(--large-border-radius);\n  border: 1px solid var(--gray-200);\n  @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n  border-collapse: separate;\n  border-spacing: 0;\n\n  thead,\n  tbody:first-child,\n  caption + tbody {\n    tr:first-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-top-left-radius: var(--medium-border-radius);\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-top-right-radius: var(--medium-border-radius);\n        }\n      }\n    }\n  }\n  thead:last-child,\n  tbody:last-child {\n    tr:last-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-bottom-left-radius: 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.matrix-configurator > .field > .input,\n.selectize.multiselect .selectize-input,\n.multiselect > select {\n  @include input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input {\n  &.focus {\n    @include input-focused-styles;\n  }\n\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &.focus-visible {\n    @include input-focused-styles;\n  }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize.multiselect .selectize-input {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--text-color);\n  min-height: 3px;\n  box-sizing: border-box;\n  appearance: none;\n}\n\n.selectize.multiselect .selectize-input {\n  line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n  display: block;\n}\n\n.multitext .multitextrow {\n  &:after {\n    @include clearafter;\n  }\n\n  &:first-child .text {\n    &:first-child {\n      @include border-top-left-radius(var(--medium-border-radius));\n    }\n\n    &:last-child {\n      @include border-top-right-radius(var(--medium-border-radius));\n    }\n  }\n\n  &:last-child .text {\n    &:first-child {\n      @include border-bottom-left-radius(var(--medium-border-radius));\n    }\n\n    &:last-child {\n      @include border-bottom-right-radius(var(--medium-border-radius));\n    }\n  }\n\n  &:not(:first-child) .text {\n    margin-top: -1px;\n  }\n\n  .text {\n    border-radius: 0;\n    float: left;\n    box-sizing: border-box;\n\n    &:not(:first-child) {\n      @include margin-left(-1px);\n    }\n\n    &:first-child {\n      &:nth-last-child(1) {\n        width: 100%;\n      }\n\n      &:nth-last-child(2) {\n        width: 50%;\n      }\n\n      &:nth-last-child(2) ~ .text {\n        width: calc(50% + 1px);\n      }\n    }\n\n    &.error {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  .text:focus,\n  .selectize.multiselect .selectize-input.focus {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.chars-left {\n  position: relative;\n  @include floatright;\n  @include margin(-27px, 7px, 0, 0);\n  color: var(--light-text-color);\n\n  .input.ltr > & {\n    float: right !important;\n    margin-right: 7px !important;\n  }\n\n  .input.rtl > & {\n    float: left !important;\n    margin-left: 7px !important;\n  }\n\n  &.negative-chars-left {\n    color: var(--error-color);\n  }\n}\n\n.field,\nfieldset {\n  position: relative;\n  margin: 24px 0;\n\n  .flex > & {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n}\n\n.field {\n  min-inline-size: initial;\n\n  & > .status-badge {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    width: 2px;\n    height: 100%;\n    content: '';\n    cursor: help;\n\n    &.modified {\n      background-color: var(--blue-600);\n    }\n\n    &.outdated {\n      background-color: var(--pending-color);\n    }\n  }\n\n  & > .heading {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    position: relative;\n    margin-top: -5px;\n    margin-bottom: 5px;\n\n    & > label,\n    & > legend {\n      font-weight: bold;\n      color: var(--medium-dark-text-color);\n\n      code {\n        font-size: 1em !important;\n      }\n\n      .info {\n        @include margin-left(5px);\n      }\n    }\n\n    & > .t9n-indicator {\n      @include margin-left(7px);\n      color: var(--light-text-color);\n    }\n\n    & + .instructions {\n      margin-top: -3px;\n    }\n\n    // BC\n    & > .instructions {\n      width: 100%;\n    }\n  }\n\n  & > .instructions {\n    margin-bottom: 5px;\n  }\n\n  & > .input {\n    position: relative;\n\n    &:after {\n      @include clearafter;\n    }\n\n    & + .instructions {\n      margin: 5px 0 0;\n    }\n  }\n\n  & > .notice,\n  & > .warning {\n    margin: 5px 0 0;\n  }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n  color: var(--medium-text-color);\n\n  img,\n  video,\n  embed,\n  iframe {\n    max-width: 100% !important;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n}\n\n.expand-status-btn {\n  @include margin-left(5px);\n  width: 30px;\n  height: 17px;\n  padding: 0;\n  line-height: 16px;\n  border-radius: var(--small-border-radius);\n  color: var(--text-color);\n\n  &:before {\n    margin: 0;\n  }\n}\n\n/* toggles and nested fields */\n.nested-fields {\n  margin: -24px;\n  padding: 24px 24px 0;\n\n  &.hidden {\n    display: block;\n    height: 0;\n  }\n\n  & > .field:last-child {\n    padding-bottom: 24px;\n  }\n}\n\n/* checkbox */\ninput.checkbox {\n  opacity: 0;\n  position: absolute;\n  width: var(--checkbox-size);\n  height: var(--checkbox-size);\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n  display: inline-block;\n  clear: none;\n  position: relative;\n  @include padding-left($checkboxSize + 5);\n  line-height: 16px;\n  height: 16px;\n  cursor: pointer;\n\n  .info {\n    height: 16px;\n  }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n  cursor: default;\n}\n\ninput.checkbox + label:empty,\ndiv.checkbox:empty {\n  @include padding-left(var(--checkbox-size));\n}\n\ninput.checkbox + label:empty:after,\ndiv.checkbox:empty:after {\n  content: '';\n  font-size: 0;\n}\n\n/* fixes a RTL bug */\ninput.checkbox + label:before,\ndiv.checkbox:before {\n  display: block;\n  position: absolute;\n  @include left(0);\n  top: 0;\n  width: var(--checkbox-size) !important;\n  height: var(--checkbox-size);\n  box-sizing: border-box;\n  content: '';\n  font-size: 0;\n  background-color: hsl(212, 50%, 99%);\n  border: 1px solid transparentize($inputColor, 0.6);\n  background-clip: padding-box;\n  border-radius: var(--small-border-radius);\n}\n\ninput.checkbox:disabled + label,\ndiv.checkbox.disabled:before,\ndiv.checkbox.disabled + label {\n  opacity: 0.25;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  @include icon;\n  line-height: var(--checkbox-size);\n  color: var(--gray-900);\n}\n\ninput.checkbox:checked:not(:indeterminate) + label:before,\ndiv.checkbox.checked:not(.indeterminate):before,\n.sel div.checkbox:not(.indeterminate):before {\n  content: 'check';\n  font-size: 15px;\n}\n\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  content: 'minus';\n  font-size: 7px;\n  text-align: center;\n}\n\nbody:not(.reduce-focus-visibility) {\n  input.checkbox:focus + label:before,\n  :focus div.checkbox:before {\n    @include input-focused-styles;\n  }\n}\n\nbody.reduce-focus-visibility {\n  input.checkbox.focus-visible + label:before,\n  .focus-visible div.checkbox:before {\n    @include input-focused-styles;\n  }\n}\n\n.monaco-mouse-cursor-text {\n  &:focus,\n  &.focus-visible {\n    box-shadow: none !important;\n  }\n}\n\nfieldset {\n  .checkboxfield {\n    margin: 5px 0;\n  }\n}\n\n.checkboxfield {\n  .instructions,\n  .notice,\n  .warning {\n    margin-top: 2px;\n    @include padding-left($checkboxSize + 5);\n  }\n}\n\n/* radio */\ninput.radio {\n  opacity: 0;\n  position: absolute;\n  width: var(--radio-size);\n  height: var(--radio-size);\n}\n\ninput.radio + label,\ndiv.radio {\n  display: inline-block;\n  clear: none;\n  position: relative;\n  @include padding-left($radioSize + 5);\n  line-height: calc(24 / 14);\n  cursor: pointer;\n}\n\ninput.radio:disabled + label,\n.disabled div.radio {\n  cursor: default;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n  @include padding-left(var(--radio-size));\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n  display: block;\n  position: absolute;\n  content: '';\n  box-sizing: border-box;\n  background-clip: padding-box;\n  border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  width: var(--radio-size);\n  height: var(--radio-size);\n  background-color: hsl(212, 50%, 99%);\n  border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n  top: calc(50%);\n  left: 4px;\n  transform: translateY(-50%);\n  width: calc(var(--radio-size) - 8px);\n  height: calc(var(--radio-size) - 8px);\n}\n\ninput.radio:disabled + label,\ndiv.radio.disabled:before,\ndiv.radio.disabled + label {\n  opacity: 0.25;\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n  background: var(--gray-900);\n}\n\nbody:not(.reduce-focus-visibility) {\n  input.radio:focus + label:before,\n  :focus div.radio:before {\n    @include input-focused-styles;\n  }\n}\n\nbody.reduce-focus-visibility {\n  input.radio.focus-visible + label:before,\n  .focus-visible div.radio:before {\n    @include input-focused-styles;\n  }\n}\n\n/* multiselect */\n.multiselect > select {\n  color: var(--text-color);\n  font-size: 14px;\n  appearance: none;\n\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &.focus-visible {\n    @include input-focused-styles;\n  }\n\n  option {\n    padding: 1px 8px;\n  }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n  padding: 6px 9px;\n}\n\n.text {\n  background-color: var(--white);\n\n  &:not(.small) {\n    box-sizing: border-box;\n    min-height: 34px;\n  }\n\n  &.small {\n    padding: 3px;\n  }\n\n  &.readable {\n    padding: 16px 18px;\n    font-size: 16px;\n    line-height: 22px;\n\n    & + .chars-left {\n      margin-top: -23px;\n    }\n  }\n\n  &.clearable {\n    @include padding-right(var(--touch-target-size));\n  }\n\n  input {\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n  }\n}\n\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.text.error {\n  border: 1px solid var(--error-color) !important;\n}\n\n.texticon {\n  position: relative;\n  cursor: text;\n  min-width: 130px;\n\n  &.icon {\n    &:before {\n      position: absolute;\n      top: 9px;\n      @include left(9px);\n      color: var(--ui-control-color);\n    }\n\n    .text {\n      @include padding-left(26px);\n    }\n  }\n\n  .clear-btn {\n    position: absolute;\n    top: calc(\n      (var(--touch-target-size) - 34px) / -2\n    ); /* Responds to min-height of text input */\n    @include right(0);\n    width: var(--touch-target-size);\n    height: var(--touch-target-size);\n  }\n\n  &.has-filter-btn {\n    .text {\n      @include padding-right(26px);\n    }\n\n    .filter-btn {\n      position: absolute;\n      top: 4px;\n      @include right(4px);\n      padding: 0 7px 4px;\n      font-size: 14px;\n      line-height: 22px;\n      cursor: pointer;\n      border-radius: 13px;\n\n      &:before {\n        @include icon;\n        content: 'sliders';\n        color: var(--medium-text-color);\n      }\n\n      &:hover {\n        background-color: var(--gray-100);\n      }\n\n      &:active,\n      &.active {\n        background-color: var(--gray-350);\n\n        &:before {\n          color: var(--white);\n        }\n      }\n    }\n\n    .text {\n      @include padding-left(26px);\n\n      &.clearable {\n        @include padding-right(calc(30px + var(--touch-target-size)));\n      }\n    }\n\n    .clear-btn {\n      @include right(30px);\n    }\n  }\n}\n\n.texthint-container {\n  position: relative;\n  height: 0;\n}\n\n.texthint {\n  position: absolute;\n  top: -1px;\n  width: 100%;\n  color: var(--light-text-color);\n  cursor: text;\n}\n\n.passwordwrapper {\n  position: relative;\n\n  .password {\n    border: none;\n    background: transparent;\n    padding-right: 4rem;\n    box-shadow: none;\n  }\n\n  .password-toggle {\n    color: var(--link-color);\n    position: absolute;\n    top: 0;\n    @include right(9px);\n    bottom: 0;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.datetimewrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  & > .datewrapper + .timewrapper,\n  & > .timewrapper + .timezone,\n  & > .select {\n    @include margin-left(5px);\n  }\n}\n\n.clear-btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  cursor: pointer;\n  color: var(--ui-control-color);\n  border: none;\n  padding: 0;\n  background: transparent;\n\n  &:before {\n    @include icon;\n    content: 'remove';\n  }\n\n  &:hover {\n    color: var(--ui-control-hover-color);\n  }\n\n  &:active {\n    color: var(--ui-control-active-color);\n  }\n}\n\n.close-btn {\n  position: relative;\n\n  &:before,\n  &:after {\n    position: absolute;\n    content: '';\n    top: 50%;\n    left: 50%;\n    height: 15px;\n    width: 2px;\n    background-color: var(--ui-control-color);\n    opacity: var(--icon-opacity);\n  }\n\n  &:before {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n\n  &:after {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &:hover {\n    &:before,\n    &:after {\n      background-color: var(--ui-control-hover-color);\n    }\n  }\n\n  &:active {\n    &:before,\n    &:after {\n      background-color: var(--ui-control-active-color);\n    }\n  }\n}\n\n.datewrapper,\n.timewrapper {\n  display: inline-block;\n  position: relative;\n\n  .text {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n\n    & + div[data-icon] {\n      display: none;\n    }\n\n    &:placeholder-shown,\n    &.empty-value {\n      & + div[data-icon] {\n        display: block;\n        position: absolute;\n        top: calc(50% - 12px);\n        @include left(14px);\n        z-index: 0;\n        color: var(--light-text-color);\n\n        &,\n        &:before {\n          user-select: none;\n          pointer-events: none;\n          z-index: 1;\n        }\n      }\n    }\n  }\n}\n\n.datewrapper {\n  width: 8em;\n}\n\n.timewrapper {\n  width: 7em;\n}\n\n@include placeholder-styles(var(--gray-400));\n\n/* Kill IE's special text features */\n::-ms-reveal,\n::-ms-clear {\n  display: none;\n}\n\n/* Asset indexing related */\ntr.indexingSession td {\n  height: 34px;\n  padding: 1px 10px;\n}\n\ntr.indexingSession td.progress div.progressContainer {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\ntr.indexingSession td.progress div.progressContainer .progressbar {\n  width: 70%;\n  position: relative;\n  left: 0;\n  height: 12px;\n  z-index: 1;\n}\n\ntr.indexingSession td.progress div.progressContainer div.progressInfo {\n  width: 20%;\n}\n\n// Selects\n.select:not(.selectize),\n.select:not(.selectize) select {\n  @include select-styles;\n}\n\n.select:not(.selectize) {\n  @include select-container-styles;\n}\n\n.select:not(.selectize):after {\n  @include select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n  @include select-input-styles;\n  white-space: pre;\n}\n\n.select:not(.selectize).fullwidth select {\n  @include select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n  &:hover {\n    @include select-input-focused-styles;\n  }\n\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &.focus-visible {\n    @include select-input-focused-styles;\n  }\n}\n\n.select:not(.selectize).small:after {\n  top: 9px;\n}\n\n.select:not(.selectize).small select {\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n  font-size: 11px;\n}\n\n/* selectize reset */\n.selectize .selectize-input {\n  display: block;\n  border-color: inherit;\n  box-shadow: none;\n  background-color: transparent;\n}\n\n.selectize.select .selectize-input:after {\n  display: none;\n}\n\nbody .selectize-dropdown {\n  border: none;\n  z-index: 100;\n}\n\n/* single select styles */\n.selectize.select {\n  height: 34px;\n\n  &:not(.fullwidth) {\n    width: 25em;\n  }\n}\n\n.selectize.select .selectize-control {\n  @include select-container-styles;\n\n  &:after {\n    @include select-arrow-styles;\n  }\n}\n\n.selectize.select .selectize-input {\n  @include select-styles;\n\n  &.focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.selectize.select .selectize-input {\n  @include select-input-styles;\n}\n\n.selectize.select .selectize-control,\n.selectize.select .selectize-input {\n  width: 100%;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-input {\n  min-height: 34px;\n  padding-bottom: 3px;\n\n  &.focus {\n    @include input-focused-styles;\n  }\n\n  & > .item {\n    @include token-styles;\n    display: inline-flex;\n    flex-direction: row;\n    padding: 3px 7px !important;\n\n    &.active {\n      @include active-token-styles;\n    }\n\n    & > .remove {\n      position: static;\n      @include margin(-1px, -3px, 0, 3px);\n      border-left: none;\n      padding: 0;\n      font-size: 0;\n      color: var(--ui-control-color);\n\n      &:hover {\n        color: var(--ui-control-hover-color);\n        background-color: transparent;\n      }\n\n      &:before {\n        font-size: 14px;\n        @include icon;\n        content: 'remove';\n      }\n    }\n  }\n}\n\n/* menu styles */\nbody .selectize-dropdown {\n  margin-top: 1px;\n}\n\nbody .selectize-dropdown-content {\n  @include menu-styles;\n\n  .option {\n    min-height: 18px;\n  }\n}\n\nbody .selectize-dropdown-content > div[data-value='new']:before {\n  @include icon;\n  content: 'plus';\n  margin-right: 5px;\n}\n\nbody .selectize-dropdown-content > div[data-value='new']:after {\n  content: '…';\n}\n\nbody .selectize-dropdown [data-selectable],\nbody .selectize-dropdown .optgroup-header {\n  @include menu-option-styles;\n}\n\nbody .selectize-dropdown .optgroup-header {\n  @include h6-styles;\n  margin: 0;\n  padding: 4px 0;\n}\n\nbody .selectize-dropdown .active {\n  @include menu-option-active-styles;\n\n  .light {\n    color: inherit !important;\n  }\n}\n\n/* datepicker */\n.ui-datepicker {\n  position: fixed;\n  top: -300px;\n  @include margin-left(1px);\n  -padding: 10px;\n  width: 210px;\n  height: 242px;\n  z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n  padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n  @include floatleft;\n}\n\n.ui-datepicker-next {\n  @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n  display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover:after {\n    border-color: var(--link-color);\n  }\n}\n\n.ui-datepicker-prev:after {\n  @include angle(left);\n}\n\n.ui-datepicker-next:after {\n  @include angle(right);\n}\n\n.ui-datepicker-title {\n  text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n  padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n  display: block;\n  width: 26px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--text-color);\n}\n\n.ui-datepicker-calendar th span {\n  color: var(--medium-text-color);\n  font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n  border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n  background-color: var(--light-sel-color);\n  text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n  background-color: var(--dark-sel-color);\n  color: var(--white);\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n  border-radius: 13px;\n  box-shadow: inset 0 0 0 2px var(--light-sel-color);\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n  z-index: 101;\n}\n\n.ui-timepicker-list {\n  @include margin-left(1px);\n  overflow-y: auto;\n  width: calc(14px + 6em);\n  height: 210px;\n  z-index: 100;\n}\n\n.ui-timepicker-list li {\n  @include padding(2px, 0, 2px, 14px);\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n  background-color: var(--light-sel-color);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n  background-color: var(--dark-sel-color);\n  color: var(--white);\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n  display: flex;\n  height: 15px;\n  white-space: nowrap;\n\n  a {\n    border: 1px solid var(--hairline-color);\n    @include border-left(none);\n    background-image: none;\n    width: 7px;\n    height: 13px;\n    margin-left: 0;\n    display: inline-block;\n    margin-top: 1px;\n    margin-bottom: 1px;\n    box-sizing: border-box;\n\n    &:first-child {\n      width: 8px;\n      @include border-left(1px solid var(--gray-400) !important);\n    }\n  }\n\n  &:not(:hover) a.active,\n  &:hover a.active-hover {\n    border-top-color: var(--gray-400);\n    border-bottom-color: var(--gray-400);\n    height: 15px;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &:first-child {\n      @include border-left(1px solid var(--gray-400));\n      @include border-top-left-radius(var(--small-border-radius));\n      @include border-bottom-left-radius(var(--small-border-radius));\n    }\n  }\n\n  &:not(:hover) a.last-active,\n  &:hover a.last-active-hover {\n    @include border-right(1px solid var(--gray-400));\n    @include border-top-right-radius(var(--small-border-radius));\n    @include border-bottom-right-radius(var(--small-border-radius));\n  }\n\n  &:focus {\n    a.active {\n      background-color: var(--light-sel-color);\n    }\n  }\n}\n\n/* errors */\nul.errors {\n  margin-top: 5px;\n  list-style-type: square;\n  @include padding-left(20px);\n}\n\nul.errors li {\n  color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  @include left(0);\n  width: 100%;\n  height: 100%;\n\n  &.no-access {\n    background-color: transparentize($grey900, 0.5);\n  }\n\n  .pane {\n    top: 50%;\n    margin-top: -33px !important;\n    margin-left: auto;\n    margin-right: auto;\n    width: 320px;\n    box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n  }\n}\n\n/* auto-suggest */\n.autosuggest-container {\n  position: relative;\n}\n\n.autosuggest__results-container {\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  border-radius: var(--large-border-radius);\n  background-color: var(--white);\n  @include shadow;\n  box-sizing: border-box;\n  padding: 0 14px;\n  text-align: left;\n  @include sans-serif-font;\n  font-size: 1em !important;\n\n  .autosuggest__results-before {\n    @include h6-styles;\n    margin-top: 14px !important;\n  }\n\n  .autosuggest__results-item {\n    @include menu-option-styles;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &.autosuggest__results-item--highlighted {\n      @include menu-option-active-styles;\n      cursor: pointer;\n    }\n  }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ----------------------------------------*/\n\n.matrix-configurator {\n  & > .field {\n    max-width: none;\n\n    & > .input {\n      display: flex;\n      align-items: stretch;\n      background-color: var(--gray-050);\n      box-shadow: none;\n    }\n  }\n\n  .mc-sidebar {\n    box-sizing: border-box;\n\n    .mc-col-items {\n      margin-top: -1px;\n      padding-top: 1px;\n    }\n\n    &.block-types {\n      width: 200px;\n      @include border-top-left-radius(var(--small-border-radius));\n      @include border-bottom-left-radius(var(--small-border-radius));\n\n      & > .mc-col-inner-container {\n        & > .mc-col-heading {\n          @include border-top-left-radius(var(--small-border-radius));\n        }\n\n        & > .mc-col-items {\n          .btn {\n            margin: 14px;\n          }\n        }\n      }\n    }\n\n    &.mc-fields {\n      width: 240px;\n      z-index: 1;\n      background: #fff;\n      box-shadow: -1px 0 0 0 transparentize($grey900, 0.9),\n        1px 0 0 0 transparentize($grey900, 0.9);\n\n      .mc-col-items {\n        padding: 14px;\n\n        .btn {\n          margin-top: 14px;\n        }\n      }\n    }\n  }\n\n  .mc-sidebar,\n  .mc-field-settings {\n    & > .mc-col-inner-container > .mc-col-heading {\n      margin: 0;\n      padding: 7px 14px 6px;\n      border-bottom: 1px solid var(--hairline-color);\n      background-color: var(--gray-050);\n      background-image: linear-gradient(\n        transparentize($grey800, 1),\n        transparentize($grey800, 0.95)\n      );\n    }\n  }\n\n  .mc-field-settings {\n    flex: 1;\n    position: relative;\n    @include border-top-right-radius(var(--small-border-radius));\n    @include border-bottom-right-radius(var(--small-border-radius));\n\n    & > .mc-col-inner-container {\n      & > .mc-col-heading {\n        padding-left: 24px;\n        padding-right: 24px;\n        @include border-top-right-radius(var(--small-border-radius));\n      }\n\n      & > .mc-col-items {\n        padding: 24px;\n      }\n    }\n  }\n}\n\n.matrixconfigitem {\n  position: relative;\n  display: flex;\n  align-items: center;\n  user-select: none;\n  cursor: default;\n  min-height: 48px;\n  box-sizing: border-box;\n\n  &.mci-blocktype {\n    margin-top: -1px;\n    padding: 8px 14px;\n    border: solid var(--hairline-color);\n    border-width: 1px 0;\n    background-color: var(--gray-100);\n\n    &.sel {\n      z-index: 1;\n      background-color: var(--gray-200);\n    }\n  }\n\n  &.mci-field {\n    border-radius: var(--medium-border-radius);\n    padding: 7px 10px;\n    background-color: var(--gray-100);\n\n    &.sel {\n      background-color: var(--gray-200);\n\n      .slide-picker:focus a.active {\n        background-color: darken($lightTextColor, 0.5%);\n      }\n    }\n\n    & + .mci-field {\n      margin-top: 7px;\n    }\n  }\n\n  .mci-name {\n    flex: 1;\n    overflow: hidden;\n\n    h4,\n    .smalltext {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    h4 {\n      margin-bottom: 2px;\n      font-weight: normal;\n      color: var(--text-color);\n\n      &.mci-required:after {\n        @include icon;\n        @include margin(-2px, 0, 0, 4px);\n        content: 'asterisk';\n        font-size: 8px;\n      }\n    }\n  }\n\n  &.error .mci-name h4 {\n    color: var(--error-color);\n  }\n\n  .slide-picker,\n  .icon {\n    @include margin-left(7px);\n  }\n\n  .icon {\n    display: block;\n\n    &:not(.error) {\n      &:before {\n        color: var(--ui-control-color);\n      }\n\n      &:hover:before {\n        color: var(--ui-control-hover-color);\n      }\n\n      &:active:before {\n        color: var(--ui-control-active-color);\n      }\n    }\n\n    &.error:before {\n      color: var(--error-color);\n    }\n  }\n}\n\n/* Matrix fields */\n.matrix {\n  & > .buttons {\n    margin-top: 10px;\n  }\n}\n\n$titlebarBorderRadius: calc(var(--large-border-radius) - 1px);\n\n.matrixblock {\n  position: relative;\n  margin-bottom: 10px;\n  padding: 0 var(--m) var(--m);\n  border-radius: var(--large-border-radius);\n  border: 1px solid var(--hairline-color);\n  background-color: var(--gray-050);\n\n  &.static {\n    padding-top: 14px;\n  }\n\n  .flex-fields {\n    --row-gap: var(--m) !important;\n  }\n\n  & > .titlebar {\n    margin: 0 -14px;\n    width: calc(100% + 28px);\n    box-sizing: border-box;\n    border-radius: $titlebarBorderRadius $titlebarBorderRadius 0 0;\n    @include padding(5px, 70px, 5px, 35px);\n    color: var(--light-text-color);\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    word-wrap: normal;\n    cursor: default;\n    user-select: none;\n    position: relative;\n    background-color: darken($grey050, 2%);\n\n    &:after {\n      display: block;\n      content: '';\n      position: absolute;\n      bottom: -1px;\n      left: 14px;\n      width: calc(100% - 28px);\n      height: 1px;\n      background-color: var(--hairline-color);\n    }\n\n    & > .blocktype {\n      display: inline;\n      color: var(--medium-text-color);\n    }\n\n    & > .preview {\n      @include margin-left(7px);\n      display: inline;\n      opacity: 0;\n      transition: opacity linear 100ms;\n\n      span {\n        opacity: 0.5;\n      }\n    }\n  }\n\n  &.disabled {\n    opacity: 1;\n\n    & > .titlebar {\n      @include padding-right(90px);\n    }\n\n    & > .actions {\n      & > .status {\n        &.off {\n          display: block;\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    & > .titlebar {\n      border-radius: var(--titlebar-border-radius);\n      border-bottom: none;\n\n      & > .preview {\n        opacity: 1;\n      }\n    }\n  }\n\n  & > .checkbox {\n    position: absolute;\n    top: 7px;\n    @include left(14px);\n  }\n\n  & > .actions {\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 5px;\n    @include right(14px);\n    cursor: default;\n\n    & > * {\n      @include margin(0, 0, 0, 5px);\n    }\n\n    & .settings {\n      padding: 0 8px;\n      height: 20px;\n      color: var(--ui-control-color);\n\n      &:before {\n        @include margin-right(0 !important);\n      }\n\n      &:not(:hover):not(:active) {\n        background-color: transparent;\n      }\n    }\n\n    & > .move {\n      margin-top: -3px !important;\n    }\n\n    & > .status {\n      &.off {\n        display: none;\n      }\n    }\n\n    a:not([data-action]) {\n      padding: 0;\n      height: 20px;\n      text-align: center;\n      color: var(--dark-hairline-color);\n      transform: color linear 100ms;\n\n      &.settings:after {\n        @include margin-left(3px);\n        border-color: var(--dark-hairline-color);\n        transform: border-color linear 100ms;\n      }\n\n      &:hover {\n        color: var(--link-color);\n\n        &.settings:after {\n          border-color: var(--link-color);\n        }\n      }\n    }\n  }\n\n  &:not(.static) {\n    & > .fields {\n      padding-top: 14px;\n    }\n  }\n\n  & > .fields > .flex-fields > .field {\n    &:before {\n      display: none;\n    }\n  }\n\n  & > .buttons {\n    margin-top: 0;\n    height: 30px;\n  }\n}\n\n/* categories */\n.add-category-form {\n  margin-top: 24px;\n}\n\n.add-category-form .texticon {\n  width: 200px;\n  @include floatleft;\n  @include margin-right(5px);\n}\n\n.add-category-form .texticon .text {\n  @include padding-right(30px);\n}\n\n.add-category-form .texticon .spinner {\n  position: absolute;\n  top: 0;\n  @include right(5px);\n}\n\n.categoriesfield {\n  position: relative;\n  min-height: 30px;\n}\n\n.categoriesfield .structure ul {\n  @include margin-left(12px);\n}\n\n/* site pickers */\nbody.sitepicker {\n  #main-content {\n    padding: 30px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  #content-container {\n    max-width: 400px;\n  }\n}\n\n.sitepicker-group {\n  li {\n    &:not(:first-child) {\n      a {\n        margin-top: -1px;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n\n        &:not(:hover) {\n          border-top-color: transparent;\n        }\n      }\n    }\n\n    &:not(:last-child) {\n      a {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    a {\n      display: block;\n      position: relative;\n      text-align: left;\n      width: 100%;\n      box-sizing: border-box;\n      border: 1px solid var(--hairline-color);\n      border-radius: var(--medium-border-radius);\n      @include padding(9px, 42px, 9px, 15px);\n      font-size: 16px;\n      line-height: 1.4;\n\n      &:after {\n        font-size: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        @include right(12px);\n        margin: 0;\n        padding: 0;\n      }\n\n      &:hover {\n        border-color: var(--link-color);\n        text-decoration: none;\n        z-index: 1;\n      }\n    }\n  }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n  float: left \\9;\n  width: 445px \\9;\n}\n\n/* ----------------------------------------\n/*  Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n  only screen and (-moz-min-device-pixel-ratio: 1.5),\n  only screen and (-o-min-device-pixel-ratio: 3/2),\n  only screen and (min-device-pixel-ratio: 1.5),\n  only screen and (min-resolution: 1.5dppx) {\n  .structure ul li {\n    background-size: 40px;\n    body.ltr & {\n      background-image: url(../images/branch_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/branch_rtl_2x.png);\n    }\n  }\n\n  .modal .resizehandle {\n    background-size: 13px;\n    body.ltr & {\n      background-image: url(../images/resizehandle_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/resizehandle_rtl_2x.png);\n    }\n  }\n\n  .hud .tip-left {\n    background-image: url(../images/hudtip_left_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-top {\n    background-image: url(../images/hudtip_top_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud .tip-right {\n    background-image: url(../images/hudtip_right_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-bottom {\n    background-image: url(../images/hudtip_bottom_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray_2x.png);\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #2563eb;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $white;\n$menuOptionActiveBackgroundColor: $grey500;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor,\n  0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing: 0 0 0 1px $mediumFocusColor,\n  0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing: 0 0 0 1px $darkFocusColor,\n  0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n    'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n@function toRem($size) {\n  $remValue: calc($size / 16) + rem;\n  @return $remValue;\n}\n\n@mixin fontSize($size) {\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &.focus-visible {\n    @content;\n  }\n}\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 7px;\n  height: 7px;\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n    0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n  // Creates a two-color focus ring, with a white\n  // If button is light, the dark box shadow is adjacent to the button\n  // Else the light box shadow is adjacent to the button\n  --light-color: var(--white);\n  --dark-color: var(--gray-800);\n\n  @if $light-button {\n    --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n  } @else {\n    --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n  }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: 30px;\n  height: 30px;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $mediumTextColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n  --xs: 4px;\n  --s: 8px;\n  --m: 14px;\n  --l: 18px;\n  --xl: 24px;\n  --padding: var(--xl);\n  --neg-padding: calc(var(--padding) * -1);\n}\n\n$sidebarWidth: 226px;\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minXlUiWidth: 1536px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  min-height: 100vh;\n}\n\nbody {\n  min-height: 100vh;\n}\n\nbody {\n  :focus {\n    outline-style: solid;\n    outline-color: transparent;\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.reduce-focus-visibility {\n  :focus:not(.focus-visible) {\n    box-shadow: none;\n  }\n\n  .focus-visible {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.skip-link {\n  position: absolute;\n  margin: 5px;\n  left: -10000px;\n  top: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: $sidebarZIndex + 1;\n\n  &:focus {\n    left: unset;\n    @include left(0);\n    width: auto;\n    height: auto;\n    background-color: var(--gray-100) !important;\n  }\n}\n\n#global-skip-link {\n  @media only screen and (min-width: $minFullUiWidth) {\n    @include two-color-focus-ring;\n  }\n}\n\n#global-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  @include left(0);\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    body.ltr & {\n      transition: left 250ms ease-out;\n    }\n\n    body.rtl & {\n      transition: right 250ms ease-out;\n    }\n  }\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n\n#global-sidebar {\n  --is-always-visible: true;\n  position: fixed;\n  z-index: $sidebarZIndex;\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n  padding: 0;\n  overflow-y: auto;\n  overflow-x: hidden;\n  -webkit-overflow-scrolling: touch;\n  @include light-on-dark-text;\n  @include light-focus-ring;\n  background-color: var(--gray-800);\n\n  a {\n    color: $sidebarLinkStaticColor;\n    transition: color linear 100ms;\n    text-decoration: none;\n  }\n\n  & > a,\n  *:not(.has-subnav) > a {\n    transition: background-color linear 100ms;\n\n    &[href] {\n      &:hover,\n      &.active,\n      &:active {\n        color: var(--white);\n      }\n\n      &:not(.sel):hover {\n        background-color: darken($grey800, 5%);\n        transition: none;\n\n        .icon {\n          opacity: 1;\n        }\n      }\n\n      &.active,\n      &:active {\n        background-color: darken($grey800, 10%);\n      }\n    }\n\n    &:not([href]) {\n      cursor: default;\n      background-color: transparent;\n    }\n\n    .icon {\n      transition: opacity linear 100ms;\n    }\n  }\n\n  .light {\n    color: var(--gray-400);\n  }\n\n  @media only screen and (max-width: $minFullUiWidth - 1px) {\n    --is-always-visible: false;\n  }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n  display: grid;\n  grid-template-columns: 30px auto;\n  grid-gap: 10px;\n  height: 50px;\n  padding: 0 10px;\n  position: relative;\n  flex: 0 0 50px;\n  flex-direction: row;\n  align-items: center;\n  background-color: $systemInfoBgColor;\n\n  &:after {\n    display: none;\n  }\n\n  &:focus,\n  &:hover {\n    background-color: $systemInfoHoverBgColor !important;\n  }\n}\n\n#site-icon {\n  height: 30px;\n\n  img,\n  svg {\n    display: block;\n    width: 30px;\n    height: 30px;\n    border-radius: 4px;\n  }\n\n  svg {\n    @include svg-mask(var(--medium-text-color));\n  }\n}\n\n#system-name {\n  h2,\n  .h2 {\n    margin: 0;\n    width: 100%;\n    overflow: hidden;\n    max-height: 40px;\n    position: relative;\n\n    // Multi-line text overflow ellipsis\n    // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      @include right(0);\n      width: var(--m);\n      background-image: linear-gradient(\n        to right,\n        transparentize($systemInfoBgColor, 1),\n        $systemInfoBgColor\n      );\n\n      #system-info:hover & {\n        background-image: linear-gradient(\n          to right,\n          transparentize($systemInfoHoverBgColor, 1),\n          $systemInfoHoverBgColor\n        );\n      }\n    }\n  }\n}\n\n#job-icon {\n  align-items: flex-start;\n\n  & > span.icon {\n    display: block;\n    position: relative;\n    width: 16px;\n    height: 16px;\n    margin-top: 2px !important;\n\n    & > canvas {\n      display: block;\n      position: absolute;\n      width: 16px;\n      height: 16px;\n\n      &#job-icon-hover {\n        opacity: 0;\n        transition: opacity linear 100ms;\n      }\n    }\n  }\n\n  &[href]:hover {\n    .icon > span.icon > canvas#job-icon-hover {\n      opacity: 1;\n    }\n  }\n\n  .progress-label {\n    display: block;\n    color: var(--gray-300);\n    font-size: 11px;\n    line-height: 1.5;\n  }\n}\n\n#nav {\n  flex: 1;\n  margin: 22px 0 0;\n  padding-bottom: var(--xl);\n  overflow: visible;\n\n  li {\n    &:not(.has-subnav) > a.sel {\n      color: var(--white);\n      background-color: var(--gray-900);\n      opacity: 1;\n\n      .icon {\n        opacity: 1;\n      }\n    }\n\n    a {\n      position: relative;\n      padding-left: var(--m);\n      padding-right: var(--m);\n\n      &:focus {\n        z-index: 1;\n      }\n\n      &.menubtn {\n        line-height: 26px;\n      }\n\n      &.external:after {\n        @include margin-left(5px);\n        @include icon;\n        content: 'external';\n      }\n\n      &:active .icon {\n        opacity: 1;\n      }\n\n      .icon {\n        opacity: 0.5;\n\n        &.icon-mask {\n          svg {\n            @include svg-mask(var(--white));\n          }\n\n          span[data-icon] {\n            color: var(--white);\n          }\n        }\n      }\n\n      .label {\n        &,\n        & span {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      .badge {\n        @include margin-right(0);\n        background-color: $badgeBackgroundColor;\n        color: $badgeColor;\n      }\n    }\n\n    ul {\n      display: block;\n      margin-bottom: 10px;\n\n      li a {\n        @include padding(3px, var(--m), 3px, 42px, !important);\n        font-size: 12px;\n\n        &:not(.active) {\n          color: $sidebarLinkSecondaryColor;\n        }\n      }\n    }\n  }\n}\n\n#global-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: var(--m) var(--m) var(--xl);\n}\n\n#app-info {\n  margin-top: var(--xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--gray-600);\n  text-align: center;\n  gap: var(--s);\n\n  a {\n    color: var(--gray-600);\n    text-decoration: underline;\n\n    &.go:hover:after {\n      color: var(--gray-600);\n    }\n  }\n}\n\n#edition-logo {\n  user-select: none;\n  border: 1px solid var(--gray-600);\n  border-radius: 3px;\n  display: inline-flex;\n  height: 20px;\n  box-sizing: content-box;\n  font-size: 11px;\n\n  & > .edition-name,\n  & > .edition-trial {\n    padding: 6px 7px 5px;\n    line-height: var(--s);\n  }\n\n  & > .edition-name {\n    font-weight: 600;\n    letter-spacing: 1.7px;\n    padding-right: 5px;\n    text-transform: uppercase;\n    transition: color linear 100ms;\n  }\n\n  & > .edition-trial {\n    display: inline-block;\n    position: relative;\n    @include margin-left(5px);\n    @include padding-left(5px);\n    background-color: var(--gray-600);\n    color: var(--gray-200);\n    border-radius: 0 1px 1px 0;\n    letter-spacing: 1px;\n    @include padding-right(7px);\n    text-transform: lowercase;\n    transition: background linear 100ms;\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: -10px;\n        border-width: 0 10px 20px 0;\n        border-color: transparent var(--gray-600) transparent transparent;\n      }\n\n      body.rtl & {\n        right: -10px;\n        border-width: 0 0 20px 10px;\n        border-color: transparent transparent transparent var(--gray-600);\n      }\n    }\n  }\n}\n\n#devmode {\n  flex: 0 0 4px;\n  width: 100%;\n  min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n  background: url(../images/dev-mode.svg) repeat-x 21px 0;\n  cursor: help;\n}\n\n#page-container {\n  @include padding-left($sidebarWidth);\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n#alerts {\n  position: relative; // to keep it above #global-header's shadow\n  background-color: var(--red-050);\n  border-left: 5px solid var(--error-color);\n  padding: 11px 0;\n  text-align: center;\n  color: var(--error-color);\n\n  li {\n    padding: 4px var(--xl);\n\n    a {\n      color: var(--error-color);\n      text-decoration: underline;\n\n      &.go {\n        text-decoration: none;\n        white-space: nowrap;\n        border: 1px solid transparentize($errorColor, 0.5);\n        border-radius: var(--medium-border-radius);\n        padding: 3px 5px;\n        margin: 0 2px;\n\n        &:after {\n          color: var(--error-color);\n        }\n\n        &:hover {\n          border-color: var(--error-color);\n          transition: border-color linear 100ms;\n        }\n      }\n    }\n  }\n}\n\n#global-header {\n  width: 100%;\n  margin-bottom: var(--m);\n  @include pane;\n  background: var(--gray-050);\n\n  .flex {\n    align-items: center;\n  }\n\n  .btn {\n    --ui-control-color: var(--gray-400);\n    --ui-control-hover-color: var(--gray-500);\n    --ui-control-active-color: var(--gray-600);\n  }\n}\n\n.nav-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 50px;\n  line-height: 26px;\n  color: var(--gray-300);\n  text-align: center;\n  @include margin-left(-10px);\n\n  &:before {\n    @include icon;\n    content: 'menu';\n    font-size: 16px;\n    line-height: 0;\n  }\n\n  &:hover {\n    color: var(--gray-400);\n  }\n}\n\n#crumbs {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 13px;\n  margin: 0 !important;\n\n  &.empty {\n    display: none;\n  }\n\n  a,\n  button {\n    color: var(--light-text-color);\n    transition: color linear 100ms;\n\n    &:hover {\n      color: var(--link-color);\n      text-decoration: none;\n    }\n  }\n\n  nav {\n    margin: 0;\n  }\n}\n\n.breadcrumb-list {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  flex-wrap: wrap;\n\n  li {\n    display: inline-flex;\n    align-items: center;\n\n    a,\n    button {\n      padding: 15px 0;\n    }\n\n    button {\n      cursor: pointer;\n    }\n\n    &:after {\n      @include margin(0, 8px, 0, 7px);\n      @include angle(right, var(--medium-hairline-color));\n    }\n  }\n\n  & .menu--disclosure {\n    li {\n      display: block;\n\n      &::after {\n        content: none;\n      }\n    }\n  }\n}\n\nli.breadcrumb-toggle-wrapper {\n  &::after {\n    content: none;\n  }\n}\n\n#account-menu {\n  ul {\n    li {\n      a {\n        max-width: calc(100% + 28px) !important;\n      }\n    }\n  }\n}\n\n#announcements-btn {\n  @include header-btn;\n  width: 40px;\n  position: relative;\n\n  &.unread:after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 3px;\n    @include right(7px);\n    width: 7px;\n    height: 7px;\n    border-radius: 4px;\n    background-color: var(--blue-600);\n  }\n\n  svg {\n    width: 22px;\n    height: 22px;\n    @include svg-mask(var(--ui-control-color));\n  }\n\n  &:hover,\n  &:active,\n  &.active {\n    svg {\n      @include svg-mask(var(--link-color));\n    }\n  }\n}\n\n#announcements {\n  max-width: 350px;\n\n  .announcement {\n    &:not(:first-child) {\n      margin-top: 20px;\n    }\n\n    .announcement-label-container {\n      margin-top: -3px;\n      display: flex;\n      align-items: center;\n      margin-bottom: 3px;\n\n      .announcement-icon svg {\n        display: block;\n        width: 15px;\n        height: 15px;\n      }\n\n      .announcement-label {\n        margin-left: 5px;\n        font-size: 12px;\n        color: var(--light-text-color);\n      }\n    }\n\n    h2 {\n      position: relative;\n      margin: 0 0 3px;\n    }\n\n    &.unread h2:after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 7px;\n      @include left(-13px);\n      width: 7px;\n      height: 7px;\n      border-radius: 4px;\n      background-color: var(--blue-600);\n    }\n\n    p {\n      margin: 0;\n    }\n  }\n}\n\n#user-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  @include padding-right(25px);\n  padding-top: 5px;\n  padding-bottom: 5px;\n  height: 100%;\n  background-color: transparent;\n  border-radius: 0;\n\n  &:after {\n    border-color: var(--ui-control-color);\n    transition: border-color linear 100ms;\n  }\n\n  &:hover:after {\n    border-color: var(--ui-control-hover-color);\n  }\n\n  &[aria-expanded='true']:after {\n    border-color: var(--ui-control-active-color);\n  }\n}\n\n.header-photo {\n  padding: 5px 0;\n\n  img {\n    display: block;\n    width: 30px;\n    height: 30px;\n    max-width: none;\n    border-radius: 50%;\n    box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n      0 0 0 transparentize($grey900, 1);\n    transition: box-shadow linear 150ms;\n\n    #user-info:hover & {\n      box-shadow: 0 0 0 1px transparentize($grey900, 0.95),\n        0 2px 10px -2px transparentize($grey900, 0.7);\n    }\n  }\n}\n\n/* main container */\n\n#main-container {\n  position: relative;\n  flex-grow: 1;\n}\n\n#notifications {\n  position: fixed;\n  bottom: 8px;\n  @include left(8px);\n  width: calc(100% - 16px);\n  z-index: 101;\n\n  @media only screen and (min-width: $minHorizontalUiWidth) {\n    width: 350px;\n  }\n\n  .notification {\n    display: flex;\n    position: relative;\n    @include pane;\n    padding: 10px 14px;\n    border-radius: var(--large-border-radius);\n    box-shadow: 0 0 0 1px transparentize($grey1000, 0.85),\n      0 2px 12px transparentize($grey1000, 0.85);\n    --color: var(--notice-color);\n\n    &[data-type='success'] {\n      --color: var(--success-color);\n    }\n\n    &[data-type='error'] {\n      --color: var(--error-color);\n    }\n\n    & + .notification {\n      margin-top: 12px;\n    }\n\n    .notification-icon {\n      width: 18px;\n      margin-top: -2px;\n      @include margin-right(10px);\n      font-size: 18px;\n      color: var(--color);\n    }\n\n    .notification-body {\n      display: flex;\n      flex: 1;\n\n      .notification-message {\n        font-weight: bold;\n      }\n\n      .notification-details {\n        margin-top: var(--xs);\n\n        .element {\n          border: 1px solid $hairlineColor;\n        }\n      }\n    }\n\n    .notification-close-btn {\n      position: relative;\n      top: -2px;\n      @include margin-left(10px);\n    }\n  }\n}\n\n#header-container {\n  margin-bottom: var(--m);\n}\n\n#crumbs,\n#header {\n  padding-left: var(--xl);\n  padding-right: var(--xl);\n}\n\n#primary-nav-toggle {\n  @media only screen and (min-width: $minFullUiWidth) {\n    display: none;\n  }\n}\n\n#global-header,\n#header {\n  .flex {\n    max-width: 100%;\n\n    &.flex-nowrap {\n      min-width: 0;\n    }\n  }\n}\n\n#header {\n  display: flex;\n  align-items: flex-start;\n  align-content: stretch;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  gap: var(--s);\n  padding-top: var(--s);\n  padding-bottom: var(--s);\n  position: relative;\n  z-index: 2;\n  width: calc(100vw - #{$sidebarWidth});\n  box-sizing: border-box;\n  background-color: transparentize($grey300, 1);\n  box-shadow: 0 1px 0 transparentize($grey800, 1);\n  transition: background-color linear 100ms, box-shadow linear 100ms;\n\n  body.fixed-header & {\n    position: fixed;\n    z-index: 12;\n    top: 0;\n    background-color: var(--gray-100);\n    box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n  }\n\n  @supports (backdrop-filter: blur(10px)) {\n    & {\n      transition: background-color linear 100ms, box-shadow linear 100ms,\n        backdrop-filter linear 100ms;\n\n      body.fixed-header & {\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n      }\n    }\n  }\n\n  h1 {\n    line-height: 34px;\n    margin-top: 0;\n    margin-bottom: 0;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .buttons,\n  .btngroup {\n    margin-top: 0;\n  }\n}\n\n#page-title {\n  &.has-toolbar {\n    @media only screen and (min-width: $minHorizontalUiWidth) {\n      min-width: calc(#{$sidebarWidth} - var(--xl) - var(--s)) !important;\n    }\n  }\n}\n\n#toolbar {\n  flex: 1;\n  align-items: flex-start;\n\n  .btn,\n  .text {\n    color: darken($inputColor, 20%);\n  }\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#main-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  width: calc(100vw - #{$sidebarWidth});\n  padding: 0 var(--xl) 48px;\n  box-sizing: border-box;\n\n  // for the Dashboard and any other full-page grids:\n  & > .grid:only-child {\n    flex: 1;\n  }\n}\n\n#sidebar-toggle-container {\n  display: none;\n}\n\n#sidebar-container {\n  flex: 0 0 $sidebarWidth;\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  @include margin-left(calc(var(--xl) * -1));\n}\n\n#sidebar {\n  box-sizing: border-box;\n  padding: 0 31px;\n  width: $sidebarWidth;\n  background-color: transparent;\n\n  &.fixed {\n    position: fixed;\n    overflow-y: auto;\n    padding-top: var(--m);\n    padding-bottom: var(--m);\n  }\n\n  nav {\n    margin-left: -31px;\n    margin-right: -31px;\n\n    li {\n      a {\n        position: relative;\n\n        &:focus {\n          z-index: 1;\n        }\n        &:not(.sel) {\n          &:hover {\n            background-color: var(--gray-200);\n          }\n        }\n        &.sel {\n          @include pane;\n          background-color: var(--gray-050);\n        }\n      }\n    }\n  }\n}\n\n#content-container {\n  flex: 1;\n\n  #main-content:not(.has-sidebar):not(.has-details) & {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  #main-content.has-sidebar & {\n    width: calc(100% - #{$sidebarWidth - 24});\n    max-width: calc(100% - #{$sidebarWidth - 24});\n  }\n\n  #main-content.has-details & {\n    width: calc(100% - #{$detailsWidth} - var(--m));\n    max-width: calc(100% - #{$detailsWidth} - var(--m));\n  }\n\n  #main-content.has-sidebar.has-details {\n    width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n    max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px);\n  }\n}\n\n#content-heading {\n  margin-top: var(--xl) !important;\n\n  @media only screen and (min-width: $minHorizontalUiWidth) {\n    @include visually-hidden;\n  }\n}\n\n.content-pane {\n  @include pane;\n  border-radius: var(--large-border-radius);\n  position: relative;\n  background-clip: padding-box;\n  padding: var(--xl);\n  word-wrap: break-word;\n\n  & > hr {\n    margin-left: calc(var(--xl) * -1);\n    margin-right: calc(var(--xl) * -1);\n  }\n}\n\n#footer {\n  z-index: 1;\n  margin: 25px calc(var(--xl) * -1) calc(var(--xl) * -1); // 1px extra on top is intentional\n  padding: var(--s) var(--xl);\n  background-color: var(--gray-050);\n  border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n  box-sizing: border-box;\n  min-height: 50px;\n\n  &:empty {\n    display: none;\n  }\n\n  & > *,\n  .flex > * {\n    margin-bottom: 0;\n  }\n}\n\n#details-container {\n  flex: 0 0 #{$detailsWidth + 38};\n  width: $detailsWidth + 38;\n  @include margin-right(calc(var(--xl) * -1));\n  box-sizing: border-box;\n}\n\n#details {\n  box-sizing: border-box;\n  @include padding-right(var(--xl));\n  @include padding-left(var(--m));\n  width: $detailsWidth + 38;\n\n  &.fixed {\n    position: fixed;\n    overflow-y: auto;\n    padding-top: var(--m);\n  }\n\n  .details {\n    .meta {\n      border-radius: var(--large-border-radius);\n\n      &:not(.read-only):not(.warning) {\n        @include pane;\n      }\n\n      &.read-only {\n        color: var(--medium-text-color);\n        background-color: transparent !important;\n      }\n\n      & > .field,\n      & > .data {\n        &:first-child {\n          &,\n          & > .status-badge {\n            border-top-left-radius: var(--large-border-radius);\n          }\n          border-top-right-radius: var(--large-border-radius);\n        }\n\n        &:last-child {\n          &,\n          & > .status-badge {\n            border-bottom-left-radius: var(--large-border-radius);\n          }\n          border-bottom-right-radius: var(--large-border-radius);\n        }\n      }\n    }\n\n    & > .field {\n      & > .input > .text.fullwidth {\n        @include pane;\n      }\n    }\n\n    .notes {\n      border-radius: 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}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n  #crumbs,\n  #header,\n  #main-content {\n    padding-left: 10px !important;\n    padding-right: 10px !important;\n  }\n\n  #tabs ul li {\n    a {\n      padding-left: var(--m);\n      padding-right: var(--m);\n    }\n\n    & + li {\n      @include margin-left(-7px);\n    }\n  }\n}\n\n@media print {\n}\n\n#settingsmenu ul li a {\n  @include padding-left(46px);\n\n  &:before {\n    @include margin(1px, 0, 0, -22px);\n    font-size: 15px;\n  }\n\n  img {\n    width: 16px;\n    height: 16px;\n    position: absolute;\n    margin-left: -23px;\n    margin-top: 1px;\n  }\n}\n\n/* grids */\n.grid {\n  position: relative;\n  min-height: 1px; // Required for Grid.js to run\n\n  &:after {\n    @include clearafter;\n  }\n\n  & > .item {\n    display: none;\n    box-sizing: border-box;\n  }\n}\n\n/* Sidebar */\n.sidebar {\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  font-size: 13px;\n\n  &:not(.drag-helper) {\n    padding: var(--m) 0;\n    background-color: var(--gray-050);\n  }\n\n  .heading {\n    position: relative;\n    margin: var(--m) var(--xl) 2px;\n\n    span {\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      padding: 0 5px;\n      margin: 0 -5px;\n      text-transform: uppercase;\n      color: var(--medium-text-color);\n      font-size: 11px;\n      font-weight: bold;\n    }\n  }\n\n  @mixin nav-level($level) {\n    & > a {\n      @include padding-left(24px + 14 * $level);\n    }\n\n    & > .toggle {\n      @include left(calc(var(--m) * #{$level}));\n    }\n  }\n\n  nav {\n    padding: 0 var(--s);\n\n    & > ul > li {\n      @include nav-level(0);\n      & > ul > li {\n        @include nav-level(1);\n        & > ul > li {\n          @include nav-level(2);\n          & > ul > li {\n            @include nav-level(3);\n            & > ul > li {\n              @include nav-level(4);\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative;\n\n      &:not(.has-subnav) > a {\n        transition: background-color linear 100ms;\n\n        &:hover {\n          text-decoration: none;\n          background-color: var(--gray-100);\n        }\n\n        &.sel {\n          cursor: default;\n          background-color: var(--gray-200);\n        }\n      }\n\n      a {\n        position: relative;\n        margin-bottom: 1px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 7px var(--xl);\n        min-height: var(--xl);\n        box-sizing: border-box;\n        color: var(--text-color);\n        user-select: none;\n        border-radius: var(--large-border-radius);\n        word-break: break-word;\n\n        .status {\n          flex-shrink: 1;\n        }\n\n        .icon {\n          @include margin-right(10px);\n          flex-shrink: 1;\n          width: 18px;\n          height: 18px;\n          word-break: normal;\n          transition: margin-left linear 150ms, margin-right linear 150ms;\n\n          &.icon-mask {\n            svg {\n              @include svg-mask(var(--ui-control-color));\n            }\n\n            span[data-icon] {\n              color: var(--ui-control-color);\n            }\n          }\n\n          svg {\n            width: 16px;\n            height: 16px;\n          }\n\n          span[data-icon] {\n            font-size: 16px;\n\n            &::before {\n              display: block;\n            }\n          }\n        }\n\n        .label {\n          flex: 1;\n        }\n\n        .badge {\n          @include margin(0, -4px, 0, 10px);\n          flex-shrink: 1;\n          padding: 0 6px;\n          font-size: 11px;\n          line-height: 16px;\n          border-radius: var(--s);\n          background-color: var(--medium-text-color);\n          color: var(--white);\n        }\n      }\n\n      .toggle {\n        position: absolute;\n        z-index: 1;\n        height: 34px;\n        top: 0;\n        width: var(--xl);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      ul {\n        display: none;\n      }\n\n      &.expanded > ul {\n        display: block;\n      }\n    }\n  }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n  @include margin-left($sidebarWidth);\n}\n\n#content-notice {\n  margin: 0 calc(var(--xl) * -1);\n  padding: 0 var(--xl);\n\n  &:not(:last-child) {\n    padding-bottom: var(--s);\n    border-bottom: 1px solid var(--hairline-color);\n    margin-bottom: var(--s);\n  }\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.so-content .flex-fields {\n  --row-gap: var(--xl);\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  margin: 0 calc(var(--row-gap) * -1) calc(var(--row-gap) * -1);\n  width: calc(100% + var(--row-gap) * 2);\n\n  & > * {\n    margin: 0 0 var(--row-gap) !important;\n    padding: 0 var(--row-gap);\n    box-sizing: border-box;\n  }\n\n  & > h2 {\n    flex: 4 0 100%;\n\n    &:not(:first-child) {\n      padding-top: var(--xl);\n      border-top: 1px solid var(--hairline-color);\n    }\n  }\n\n  & > hr,\n  & > .line-break {\n    flex: 4 0 100%;\n  }\n\n  & > .line-break:not(:first-child) {\n    margin-bottom: 0 !important;\n  }\n\n  & > :not(h2):not(hr):not(.line-break) {\n    &,\n    &:last-child {\n      position: relative;\n      width: 100%;\n\n      &:before {\n        position: absolute;\n        top: 0;\n        @include left(-1px);\n        width: 1px;\n        height: 100%;\n        content: '';\n        // same BG color as the hairline around the content pane’s 1px shadow\n        background-color: transparentize($grey200, 0.5);\n      }\n    }\n  }\n}\n\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields {\n  & > :not(h2):not(hr):not(.line-break) {\n    &,\n    &:last-child {\n      // 4 cols for >= 1536px\n      @media only screen and (min-width: $minXlUiWidth) {\n        &.width-25 {\n          width: 25%;\n        }\n        &.width-50 {\n          width: 50%;\n        }\n        &.width-75 {\n          width: 75%;\n        }\n      }\n\n      // 2 cols for 500 - 1535px\n      @media only screen and (min-width: 500px) and (max-width: $minXlUiWidth - 1px) {\n        &.width-25,\n        &.width-50 {\n          width: 50%;\n        }\n      }\n    }\n  }\n}\n\n.so-content .flex-fields {\n  & > :not(h2):not(hr):not(.line-break) {\n    &,\n    &:last-child {\n      // 2 cols for >= 1536px\n      @media only screen and (min-width: $minXlUiWidth) {\n        &.width-25,\n        &.width-50 {\n          width: 50%;\n        }\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n.lp-editor-container,\n.lp-preview-container {\n  position: fixed;\n  top: 0;\n  height: 100%;\n  background-color: var(--white);\n  z-index: 100;\n\n  header {\n    padding: 8px 24px;\n    background-color: var(--gray-100);\n    box-shadow: 0 1px 0 transparentize($grey700, 0.8);\n    box-sizing: border-box;\n    position: relative;\n    z-index: 1;\n\n    @supports (backdrop-filter: blur(10px)) {\n      & {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        width: 100%;\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n\n        & + .lp-editor {\n          padding-top: #{10 + 34 + 10 + 24}px;\n        }\n      }\n    }\n\n    .btn,\n    .spinner,\n    .checkmark-icon {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.lp-editor-container {\n  display: flex;\n  flex-direction: column;\n\n  .lp-editor {\n    flex: 1;\n    padding: 24px;\n    overflow: auto;\n    box-sizing: border-box;\n\n    & > .field {\n      &:last-child {\n        margin-bottom: 24px !important;\n      }\n\n      & > .status-badge {\n        @include left(-24px);\n      }\n    }\n  }\n\n  .lp-draghandle {\n    position: absolute;\n    z-index: 6;\n    top: 0;\n    @include right(-2px);\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n  }\n}\n\n.lp-preview-container {\n  display: flex;\n  flex-direction: column;\n  box-shadow: -1px 0 0 transparentize($grey700, 0.8);\n\n  &.dragging:after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: '';\n    font-size: 0;\n  }\n\n  .lp-preview-header {\n    display: flex;\n\n    @supports (not (backdrop-filter: blur(10px))) {\n      background-color: transparentize($grey100, 0.25);\n    }\n\n    .buttons {\n      margin: 0;\n\n      .btn + .btn {\n        @include margin-left(7px);\n      }\n    }\n\n    & + .lp-iframe-container {\n      padding-top: 0;\n\n      @supports (backdrop-filter: blur(10px)) {\n        padding-top: 50px;\n      }\n    }\n\n    .lp-device-type {\n      margin: 0;\n    }\n  }\n\n  .lp-device-type__label {\n    &::before {\n      width: 27px;\n      height: 22px;\n      display: block;\n      content: '';\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center;\n      transition-duration: 0.3s;\n    }\n\n    // SVGs\n    &.lp-device-type__label--phone::before {\n      background-image: url(../images/preview/icon-phone.svg);\n    }\n    &.lp-device-type__label--tablet::before {\n      background-image: url(../images/preview/icon-tablet.svg);\n    }\n    &.lp-device-type__label--desktop::before {\n      background-image: url(../images/preview/icon-desktop.svg);\n    }\n  }\n\n  .lp-device-type__radio-group {\n    display: flex;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .lp-device-type__item:not(:last-child) .btn {\n    body.ltr & {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      margin-right: 1px;\n    }\n\n    body.rtl & {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      margin-left: 1px;\n    }\n  }\n\n  .lp-preview-container__bumper-link {\n    top: unset;\n    bottom: 0;\n  }\n\n  .lp-device-type__item:not(:first-child) .btn {\n    body.ltr & {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n\n    body.rtl & {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  .lp-device-type__input {\n    &.focus-visible + label {\n      box-shadow: var(--focus-ring);\n    }\n  }\n\n  .lp-device-mask {\n    display: none;\n  }\n\n  .lp-iframe-container {\n    flex: 1;\n    overflow: auto;\n\n    .lp-preview {\n      display: block;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &:not(.lp-iframe-container--has-device-preview) {\n      // Preview container\n      .lp-device-preview-container {\n        width: auto !important;\n        height: 100% !important;\n        transform: none !important;\n        margin: 0 !important;\n      }\n    }\n\n    &--has-device-preview {\n      flex: none;\n      padding-top: 0 !important;\n      position: relative;\n      top: 0;\n      height: calc(100% - 50px);\n      width: 100%;\n      background-color: var(--gray-100);\n\n      @supports (backdrop-filter: blur(10px)) {\n        top: 50px;\n      }\n\n      // Preview container\n      .lp-device-preview-container {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 2;\n        overflow: auto;\n        opacity: 1;\n        transition: opacity 0.3s;\n      }\n\n      // Device mask\n      .lp-device-mask {\n        display: block;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 1;\n        background-image: url(../images/preview/chrome-phone-top.svg),\n          url(../images/preview/chrome-phone-bottom.svg);\n        background-position: top center, bottom center;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-color: #fff;\n        box-shadow: 0 0 58px rgba(6, 67, 117, 0.3);\n        border-radius: 18px;\n      }\n\n      // Tablet\n      &.lp-iframe-container--tablet {\n        .lp-device-mask {\n          background-image: url(../images/preview/chrome-tablet-top.svg),\n            url(../images/preview/chrome-tablet-bottom.svg);\n        }\n      }\n    }\n\n    // Animate rotations\n    @media screen and (prefers-reduced-motion: no-preference) {\n      &--rotating {\n        .lp-device-mask {\n          transition-duration: 0.3s;\n          transition-property: transform;\n        }\n        .lp-device-preview-container {\n          opacity: 0;\n          transition: opacity 0s;\n        }\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 10;\n$gridColor: hsl(212, 50%, 95%);\n\n@mixin workspaceBg {\n  background-color: var(--gray-050);\n  background-image: linear-gradient(to right, $gridColor 1px, transparent 0px),\n    linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n  background-size: $base $base;\n}\n\n.layoutdesigner {\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  @include input-styles;\n  overflow: hidden;\n  box-shadow: none;\n  @include padding-right($tabWidth + 1);\n  min-height: 500px;\n\n  .errors > & {\n    border: 1px solid var(--error-color) !important;\n  }\n\n  .fld-workspace {\n    flex: 1;\n    @include border-radius(\n      var(--small-border-radius),\n      0,\n      0,\n      var(--small-border-radius)\n    );\n    @include padding($base, 0, $base, $base);\n    @include workspaceBg;\n    background-position: -1px -1px;\n    box-shadow: inset 0 1px 3px -1px darken($grey200, 10%);\n\n    .fld-tabs {\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n    }\n  }\n\n  .fld-sidebar {\n    position: absolute;\n    top: 0;\n    @include right(0);\n    height: 100%;\n    width: $tabWidth + 1;\n    padding: $tabPadding;\n    overflow: auto;\n    box-sizing: border-box;\n\n    .btngroup {\n      margin-bottom: $tabPadding;\n    }\n\n    .fld-field-library {\n      .fld-field-group {\n        margin-top: $tabPadding;\n\n        h6 {\n          margin-bottom: 7px;\n        }\n      }\n    }\n\n    .filtered {\n      display: none;\n    }\n  }\n\n  .fld-new-tab-btn:active {\n    background-color: var(--gray-050);\n  }\n}\n\n.fld-sidebar,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent,\n.fld-new-tab-btn,\n.fld-new-tab-btn:hover {\n  background-color: var(--white);\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n    0 2px 5px -2px transparentize($grey900, 0.8);\n}\n\n.fld-tab .settings,\n.fld-element .settings,\n.fld-element .slide-picker {\n  @include margin-left(7px);\n}\n\n.fld-tab .settings:before,\n.fld-element .settings:before {\n  margin-top: -2px;\n  font-size: 16px;\n  opacity: 0.5;\n}\n\n.fld-tab .settings:hover:before,\n.fld-tab .settings.active:before,\n.fld-element .settings:hover:before,\n.fld-element .settings.active:before {\n  opacity: 1;\n}\n\n.fld-tab {\n  width: $tabWidth + $base;\n  @include padding(0, $base + 1, $base, 0);\n  box-sizing: border-box;\n\n  .tabs {\n    margin: -10px -12px 0;\n    padding: 10px 12px 0;\n    overflow: hidden;\n    display: flex;\n\n    .tab {\n      display: flex;\n      max-width: calc(100% - 10px);\n      box-sizing: border-box;\n      padding: 8px $tabPadding;\n      border-radius: var(--medium-border-radius) var(--medium-border-radius) 0 0;\n\n      body:not(.dragging) &.draggable {\n        cursor: move;\n        cursor: grab;\n      }\n\n      span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  .fld-tabcontent {\n    padding: $tabPadding;\n    @include border-radius(\n      0,\n      var(--medium-border-radius),\n      var(--medium-border-radius),\n      var(--medium-border-radius)\n    );\n  }\n\n  &.fld-insertion {\n    .tabs .tab,\n    .fld-tabcontent {\n      margin: -2px;\n      border: 2px dashed var(--hairline-color);\n      box-shadow: none;\n      @include workspaceBg;\n    }\n    .tabs .tab {\n      background-position: -1px -1px;\n    }\n    .fld-tabcontent {\n      background-position: -1px -13px;\n    }\n  }\n}\n\n.fld-tab-caboose {\n  min-height: 24px;\n}\n\n.fld-required-indicator {\n  display: inline-flex;\n  font-size: 9px;\n  color: var(--link-color);\n  @include margin-left(4px);\n}\n\n@mixin striped-bg($color) {\n  background-color: $color;\n\n  &.has-conditions:after {\n    position: absolute;\n    content: ' ';\n    top: 2px;\n    right: 2px;\n    bottom: 2px;\n    left: 2px;\n    z-index: -1;\n    border: 2px solid transparent;\n    border-radius: var(--medium-border-radius);\n    background-image: linear-gradient($color, $color),\n      repeating-linear-gradient(\n        -45deg,\n        var(--white),\n        var(--white) 5px,\n        transparent 5px,\n        transparent 10px\n      );\n    background-origin: border-box;\n    background-clip: content-box, border-box;\n  }\n}\n\n.fld-element {\n  position: relative;\n  z-index: 0; // required for the striped-bg\n  display: flex;\n  align-items: center;\n  padding: 7px 10px;\n  box-shadow: inset 0 0 0 1px var(--hairline-color);\n  border-radius: var(--medium-border-radius);\n  @include striped-bg(var(--white));\n\n  body:not(.dragging) & {\n    cursor: move;\n    cursor: grab;\n  }\n\n  & + .fld-element {\n    margin-top: 7px;\n  }\n\n  &.fld-insertion {\n    box-sizing: border-box;\n    border: 2px dashed var(--hairline-color);\n    border-radius: var(--medium-border-radius);\n    background: none;\n    box-shadow: none;\n  }\n\n  &.draghelper {\n    @include shadow;\n  }\n\n  &.fld-field {\n    color: var(--medium-text-color);\n    @include striped-bg(var(--gray-100));\n\n    &:not(.draghelper) {\n      box-shadow: none;\n    }\n\n    .fld-field-hidden:not(.hidden) {\n      margin-top: -3px;\n      @include margin-right(5px);\n\n      &:before {\n        @include icon;\n        content: 'shuteye';\n      }\n    }\n\n    .field-name {\n      .fld-element-label {\n        margin-bottom: 2px;\n      }\n    }\n  }\n\n  .fld-element-icon {\n    @include margin-right(5px);\n    text-align: center;\n\n    &,\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    svg {\n      @include svg-mask(var(--ui-control-color));\n    }\n  }\n\n  .field-name {\n    flex: 1;\n    overflow: hidden;\n\n    .fld-element-label,\n    .fld-attribute {\n      flex: 1;\n      display: flex;\n      align-items: center;\n    }\n\n    .fld-element-label h4,\n    .fld-attribute .smalltext {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .fld-element-label h4 {\n      font-weight: normal;\n      color: var(--text-color);\n      margin: 0;\n    }\n  }\n}\n\nbody.dragging {\n  cursor: move !important;\n  cursor: grabbing !important;\n}\n\n.fld-hr,\n.fld-br {\n  display: flex;\n  justify-content: center;\n  padding: 9px 10px;\n\n  &:before {\n    position: absolute;\n    display: block;\n    top: calc(50% - 2px);\n    left: 10px;\n    width: calc(100% - 20px);\n    height: 4px;\n    content: '';\n    font-size: 0;\n    border-radius: 2px;\n  }\n\n  .smalltext {\n    position: relative;\n    background-color: var(--gray-100);\n    border-radius: 8px;\n    padding: 1px 7px;\n  }\n}\n\n.fld-hr:before {\n  background-color: var(--gray-100);\n}\n\n.fld-br:before {\n  background-image: repeating-linear-gradient(\n    to right,\n    var(--gray-100),\n    var(--gray-100) calc(100% / 19),\n    transparent calc(100% / 19),\n    transparent calc(100% / 9.5),\n    var(--gray-100) calc(100% / 9.5)\n  );\n}\n\n.fld-element-settings-body {\n  flex: 1;\n  margin: -24px var(--neg-padding) 0;\n  padding: 24px var(--padding);\n  overflow: hidden auto;\n  position: relative;\n}\n\n.fld-element-settings-footer {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  margin: 0 var(--neg-padding) -24px;\n  padding: var(--padding);\n  @include pane;\n  background-color: var(--gray-050);\n  z-index: 3;\n\n  & > .ee-site-select {\n    flex: 1;\n  }\n\n  & > .btn {\n    @include margin-left(5px);\n  }\n\n  & > .spinner {\n    @include margin(0, var(--neg-padding), 0, 0);\n  }\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n/* No Scroll */\nhtml.noscroll,\nhtml.noscroll body {\n  overflow: hidden;\n  height: 100%;\n}\n\n/* Image Editor */\n\n.modal.imageeditor {\n  background-color: var(--gray-900);\n  color: var(--white);\n  @include light-on-dark-text;\n  @include light-focus-ring;\n  opacity: 0;\n  user-select: none;\n}\n\n.modal.imageeditor.modal {\n  border-radius: 0;\n}\n\n.modal.imageeditor.modal .body:after {\n  display: none;\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder) {\n  background-color: var(--gray-600);\n  color: var(--white);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder):hover {\n  background-color: var(--gray-700);\n}\n\n.modal.imageeditor .btn:not(.submit):not(.noborder).active {\n  background-color: var(--gray-800);\n}\n\n.modal.imageeditor .icon::before {\n  width: 24px;\n  height: 24px;\n  margin-top: -4px;\n  margin-left: -3px;\n  display: inline-block;\n  content: '';\n}\n\n.modal.imageeditor .icon.rotate-left::before {\n  background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .icon.rotate-right::before {\n  background-image: url(../images/image-editor/rotate-right.svg);\n}\n\n.modal.imageeditor .icon.flip-vertical::before {\n  background-image: url(../images/image-editor/flip-vertical.svg);\n}\n\n.modal.imageeditor .icon.flip-horizontal::before {\n  background-image: url(../images/image-editor/flip-horizontal.svg);\n}\n\n.modal.imageeditor .icon.constraint::before {\n  background-image: url(../images/image-editor/unconstrained.svg);\n}\n\n.modal.imageeditor .icon.focal-point::before {\n  background-image: url(../images/image-editor/focal-point.svg);\n}\n\n.modal.imageeditor .body {\n  display: flex;\n  padding: 0;\n}\n\n.modal.imageeditor input {\n  color: var(--text-color);\n}\n\n.modal.imageeditor .body .tabs {\n  border-right: 1px solid var(--gray-1000);\n}\n\n.modal.imageeditor .body .tabs ul {\n  width: 100px;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.modal.imageeditor .body .tabs ul li {\n  position: relative;\n  padding: 14px;\n  text-align: center;\n  border-bottom: 1px solid var(--gray-1000);\n  cursor: pointer;\n\n  &::before {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    content: '';\n    width: 0;\n    height: 100%;\n    background-color: currentColor;\n  }\n\n  &.selected {\n    background-color: darken($grey900, 5%);\n\n    &::before {\n      width: 2px;\n    }\n  }\n}\n\n.modal.imageeditor .body .tabs ul li i {\n  background-repeat: no-repeat;\n  background-position: top center;\n  display: block;\n  height: 24px;\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='rotate'] i {\n  background-image: url(../images/image-editor/rotate-left.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='crop'] i {\n  background-image: url(../images/image-editor/crop.svg);\n}\n\n.modal.imageeditor .body .tabs ul li[data-view='filters'] i {\n  background-image: url(../images/image-editor/filters.svg);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n  background-color: darken($grey900, 2%);\n}\n\n.modal.imageeditor .body .tabs ul li:hover {\n  cursor: pointer;\n}\n\n.modal.imageeditor .body .views {\n  padding: 24px;\n  overflow: auto;\n}\n\n.modal.imageeditor .body .views .btngroup {\n  margin-bottom: 24px;\n}\n\n.modal.imageeditor .body .views .filters ul {\n  width: 100px;\n}\n\n.modal.imageeditor .body .views .filters ul li {\n  text-align: center;\n  margin-right: 14px;\n  margin-bottom: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n  margin-right: 0;\n}\n\n.modal.imageeditor .body .views .filters ul li img {\n  border: 3px solid transparent;\n  border-radius: 4px;\n}\n\n.modal.imageeditor .body .views .filters ul li span {\n  display: block;\n}\n\n.modal.imageeditor .body .views .filters ul li:hover {\n  cursor: pointer;\n}\n\n.modal.imageeditor .body .views .filters ul li.selected img {\n  border-color: var(--white);\n}\n\n.modal.imageeditor .body .image-container {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n\n.modal.imageeditor .body .image-container .image {\n  text-align: center;\n  flex-grow: 1;\n  position: relative;\n  margin: 14px;\n}\n\n.modal.imageeditor .body .image-container .image canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.modal.imageeditor .body .image-container .image-tools {\n  text-align: center;\n}\n\n.modal.imageeditor .body .image-container .image-tools .straightening {\n  max-width: 400px;\n  min-height: toRem(60);\n  display: block;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n  position: absolute;\n  background-color: transparent;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  border-top: 1px solid #000;\n\n  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($radioSize + 5);\n  }\n\n  .orientation {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    input {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n      background-position: center center;\n      background-repeat: no-repeat;\n      margin: 0 4px;\n      cursor: pointer;\n\n      &[value='landscape'] {\n        width: 30px;\n        height: 20px;\n        background-image: url(../images/image-editor/orientation-landscape-unchecked.svg);\n\n        &:checked {\n          background-image: url(../images/image-editor/orientation-landscape-checked.svg);\n        }\n      }\n\n      &[value='portrait'] {\n        width: 20px;\n        height: 30px;\n        background-image: url(../images/image-editor/orientation-portrait-unchecked.svg);\n\n        &:checked {\n          background-image: url(../images/image-editor/orientation-portrait-checked.svg);\n        }\n      }\n    }\n  }\n}\n\n.modal.imageeditor.vertical .body .views .crop {\n  & > .btngroup:first-child {\n    justify-content: center;\n  }\n}\n\n.modal.imageeditor:not(.vertical) .body .views .crop {\n  .constraint.custom {\n    margin-top: var(--xs);\n  }\n}\n\n/* Vertical */\n\n.vertical.imageeditor .body {\n  flex-direction: column;\n\n  .image-container {\n    flex-basis: 30vh;\n    flex-shrink: 0;\n  }\n\n  .constraint-group {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.vertical.imageeditor .body .tabs ul {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  border-top: 1px solid #000;\n  border-bottom: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n  flex-grow: 1;\n  border: 0;\n  border-right: 1px solid #000;\n  padding: 10px 7px;\n\n  &::before {\n    top: unset;\n    top: 0;\n    width: 100%;\n    height: 0;\n  }\n\n  &.selected::before {\n    width: 100%;\n    height: 2px;\n  }\n}\n\n.vertical.imageeditor .body .views {\n  width: auto;\n}\n\n.vertical.imageeditor .body .views .rotate {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n  margin: 0 7px 14px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n  width: auto;\n  height: 109px;\n  overflow: auto;\n  white-space: nowrap;\n  margin: 0 -24px;\n  margin-bottom: -24px;\n  padding: 24px;\n  text-align: center;\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n  display: inline-block;\n  margin-bottom: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n  position: relative;\n  padding: 10px 0;\n\n  &:focus {\n    box-shadow: none;\n  }\n\n  @include focus-styles {\n    .cursor::after {\n      box-shadow: var(--focus-ring);\n    }\n  }\n\n  .cursor {\n    &::after {\n      content: '';\n      width: toRem(20);\n      height: toRem(50);\n      position: absolute;\n      top: -15px;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n}\n\n.slide-rule .cursor {\n  position: absolute;\n  margin-left: toRem(-4);\n  margin-top: 4px;\n  left: 50%;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-left: toRem(5) solid transparent;\n  border-right: toRem(5) solid transparent;\n  border-top: toRem(5) solid #63a6e1;\n}\n\n.slide-rule .graduations {\n  white-space: nowrap;\n  height: 40px;\n  position: relative;\n}\n\n.slide-rule .graduations ul {\n  position: relative;\n  float: left;\n}\n\n.slide-rule .graduations ul li {\n  display: inline-block;\n  font-size: 8px;\n  position: relative;\n  width: 10px;\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n  left: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation:before {\n  border-left-width: 3px;\n}\n\n.slide-rule .graduations ul li.main-graduation .label {\n  display: block;\n  cursor: default;\n}\n\n.slide-rule .graduations ul li.selected:before {\n  border-left-color: #63a6e1;\n}\n\n.slide-rule .graduations ul li:before {\n  content: '';\n  position: absolute;\n  border-left: 1px solid var(--white);\n  height: 10px;\n  top: 0px;\n  left: 0;\n}\n\n.slide-rule .graduations ul li .label {\n  width: 20px;\n  position: absolute;\n  top: 10px;\n  left: -9px;\n  display: none;\n  text-align: center;\n}\n\n.slide-rule .value {\n  display: none;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 5px;\n  width: 50px;\n  margin-left: -25px;\n  background: var(--gray-600);\n}\n\n.slide-rule .overlay {\n  z-index: 2;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 1px;\n  left: 0;\n  background-image: linear-gradient(\n    to right,\n    var(--gray-900) 0%,\n    transparentize($grey900, 1) 15%,\n    transparentize($grey900, 1) 85%,\n    var(--gray-900) 100%\n  );\n}\n\n/* Misc */\n\n.menu.dark {\n  background-color: var(--gray-600);\n  @include light-on-dark-text;\n\n  ul {\n    li {\n      a {\n        color: var(--white) !important;\n\n        &:not(.sel):not(.disabled):hover {\n          background-color: var(--gray-700);\n        }\n      }\n    }\n  }\n}\n","_:-ms-lang(x),\n.elements .tableview td.checkbox-cell input.checkbox + label,\n.elements .tableview td.checkbox-cell div.checkbox {\n  top: 16px;\n}\n\n_:-ms-lang(x),\ninput.checkbox + label:empty,\ndiv:empty.checkbox {\n  display: block;\n}\n",".yii-debug-toolbar__title a {\n  display: block !important;\n}\n","@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n.cp-chart {\n  margin: 0;\n  height: 100%;\n  position: relative;\n}\n\n.cp-chart svg {\n  width: 100%;\n  height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n  fill: none;\n  stroke: var(--hairline-color);\n  shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis path,\n.cp-chart .ticks-axis line {\n  fill: none;\n  stroke: none;\n  shape-rendering: crispEdges;\n}\n\n.cp-chart .ticks-axis g.tick text {\n  fill: var(--black);\n  font-size: 11px;\n}\n\n.cp-chart .axis text {\n  fill: RGBA(0, 0, 0, 0.6);\n}\n\n.cp-chart .grid-line .tick {\n  stroke: RGBA(0, 0, 0, 0.08);\n  stroke-opacity: 0.7;\n  shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line .tick line {\n  stroke: RGBA(0, 0, 0, 0.08);\n  stroke-opacity: 0.7;\n  shape-rendering: crispEdges;\n}\n\n.cp-chart .grid-line path {\n  stroke-width: 0;\n}\n\n.tooltip {\n  border-radius: 3px;\n  padding: 7px 10px;\n  background: transparentize($white, 0.1);\n  position: absolute;\n  z-index: 1000000;\n  @include shadow;\n  user-select: none;\n  pointer-events: none;\n}\n"],"names":[],"sourceRoot":""}