{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,2BAEA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCAEA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBAEA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAEA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAEA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBAEA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBAEA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAC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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_variables.scss","webpack:///./css/_main.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss","webpack:///./css/_cp.scss","webpack:///./css/_preview.scss","webpack:///./css/_fld.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050-hsl: 212, 60%, 97%;--gray-100-hsl: 212, 50%, 93%;--gray-200-hsl: 212, 30%, 85%;--gray-300-hsl: 211, 13%, 65%;--gray-350-hsl: 211, 11%, 59%;--gray-400-hsl: 210, 10%, 53%;--gray-500-hsl: 211, 12%, 43%;--gray-550-hsl: 210, 13%, 40%;--gray-600-hsl: 209, 14%, 37%;--gray-700-hsl: 209, 18%, 30%;--gray-800-hsl: 209, 20%, 25%;--gray-900-hsl: 210, 24%, 16%;--gray-1000-hsl: 210, 24%, 10%;--gray-050: hsl(var(--gray-050-hsl));--gray-100: hsl(var(--gray-100-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #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;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fffbea;--yellow-100: #fff3c4;--yellow-200: #fce588;--yellow-300: #fadb5f;--yellow-400: #f7c948;--yellow-500: #f0b429;--yellow-600: #de911d;--yellow-700: #cb6e17;--yellow-750: #bd5a14;--yellow-800: #b44d12;--yellow-900: #8d2b0b;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #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;--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;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #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;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #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;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: $grey100;--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--red-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: #1f5fea;--font-weight-bold: 700;--menu-option-color: var(--text-color);--menu-option-active-color: var(--white);--menu-option-active-background-color: var(--dark-sel-color);--hairline-color: hsla(209, 20%, 25%, 0.1);--medium-hairline-color: hsla(209, 14%, 37%, 0.25);--dark-hairline-color: hsla(210, 10%, 53%, 0.5);--light-focus-color: var(--blue-300);--medium-focus-color: var(--blue-500);--dark-focus-color: #0f74b1;--light-focus-ring: 0 0 0 1px #5ed0fa, 0 0 0 3px rgba(94, 208, 250, 0.7);--medium-focus-ring: 0 0 0 1px #2bb0ed, 0 0 0 3px rgba(43, 176, 237, 0.7);--dark-focus-ring: 0 0 0 1px #0f74b1, 0 0 0 3px rgba(15, 116, 177, 0.7);--light-sel-color: var(--gray-200);--dark-sel-color: var(--gray-500);--error-color: #d81e23;--warning-color: var(--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);--indicator-border-color: var(--yellow-700);--indicator-icon-color: var(--yellow-750);--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.woff2\") format(\"woff2\"),url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-bg-color: hsla(212, 25%, 50%, 0.25);--ui-control-hover-bg-color: hsla(212, 25%, 50%, 0.3);--ui-control-active-bg-color: hsla(212, 25%, 50%, 0.5);--ui-control-border-radius: var(--large-border-radius);--ui-control-height: calc((34rem / 16));--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;--elements-busy-top-position: calc(50% - var(--size, 20px) / 2)}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}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging.ltr .offset-drag-helper{margin:-50px 0 0 -50px;padding:60px 0 0 60px}body.dragging.rtl .offset-drag-helper{margin:-50px -50px 0 0;padding:60px 60px 0 0}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:left !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:right !important;direction:rtl !important}.icon:before,.menu ul.padded li a.sel:before,.menu .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(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);font-size:9px}.secure:before,.insecure:before{margin-top:-3px;font-size:14px}[data-icon]:before{content:attr(data-icon)}[data-icon-after]:after{content:attr(data-icon-after)}body.rtl [data-icon=list]:before,body.rtl [data-icon-after=list]:after{content:\"listrtl\"}body.rtl [data-icon=structure]:before,body.rtl [data-icon-after=structure]:after{content:\"structurertl\"}.icon.secure:before{content:\"secure\"}.icon.insecure:before{content:\"insecure\"}.icon.add:before{content:\"plus\"}.icon.edit:before{content:\"edit\"}.icon.settings:before{content:\"settings\"}.icon.search:before{content:\"search\"}.icon.expand:before{content:\"expand\"}.icon.collapse:before{content:\"collapse\"}.help:before{content:\"help\";color:var(--pink-400)}body.ltr .preview-btn:before,body.ltr .view-btn:before{margin-right:var(--xs)}body.rtl .preview-btn:before,body.rtl .view-btn:before{margin-left:var(--xs)}.preview-btn:before{margin-top:-2px;content:\"view\"}body.ltr .view-btn:before{content:\"share\"}body.rtl .view-btn:before{content:\"shareleft\"}h1,.h1{margin-bottom:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin:14px 0;font-size:16px;font-weight:bold;line-height:1.2}h3,.h3{margin:14px 0;font-weight:bold;line-height:1.2}h4,.h4{margin:14px 0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin:14px 0 3px;line-height:1.2;color:var(--medium-text-color)}h6,.h6{margin:14px 0 3px;font-size:11px;line-height:1.2;color:hsl(211,12%,43%);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{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext{font-size:.8em !important}.code input,.code textarea{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important;font-size:1em !important}pre code{display:block;overflow-x:auto}a{color:var(--link-color);cursor:pointer}a[aria-current]{cursor:default}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\"}body.ltr a [data-icon=external]{margin-left:var(--xs)}body.rtl a [data-icon=external]{margin-right:var(--xs)}button{cursor:pointer}.context-btn.disabled{opacity:1;color:var(--medium-dark-text-color);background-color:hsla(212,30%,85%,.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:rgb(22.3101265823,130.2911392405,189.1898734177)}.draft-notice .discard-changes-btn:active{border-color:rgb(19.6202531646,114.582278481,166.3797468354)}.revision-notice{display:flex;align-items:center;align-content:stretch;justify-content:center;gap:var(--s);color:var(--gray-600)}#content-notice .revision-notice{display:inline-flex;justify-content:flex-start}.revision-notice p{flex:1;margin:0}.revision-notice .revision-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid hsla(209,20%,25%,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.revision-notice .revision-icon:before{position:relative;left:1px;color:var(--grey-800) !important;font-size:18px}.revision-notice .revision-icon:after{content:\"\";font-size:0;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(3,83,136,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle:before,a.fieldtoggle:before{display:block;content:\"\";font-size:0;width: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}ul.errors em{font-style:normal}strong,b,i em{font-weight:bold}.readable{font-size:16px;line-height:22px}.readable h1,.readable .h1,.readable h2,.readable .h2,.readable h3,.readable .h3,.readable h4,.readable .h4,.readable h5,.readable .h5,.readable h6,.readable .h6{margin:24px 0 16px;font-weight:600}.readable h1,.readable .h1{font-size:32px;line-height:40px;color:#000}.readable h2,.readable .h2{font-size:24px;line-height:30px}.readable h3,.readable .h3{font-size:20px;line-height:24px}.readable h4,.readable .h4{font-size:16px;line-height:20px}.readable h5,.readable .h5{font-size:14px;line-height:18px}.readable h6,.readable .h6{font-size:13.6px;line-height:17px;color:hsl(210,13%,40%)}.readable ul,.readable ol{margin:1em 0}body.ltr .readable ul,body.ltr .readable ol{padding-left:2em}body.rtl .readable ul,body.rtl .readable ol{padding-right:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable .tip-dismiss-btn{position:absolute;top:12px}body.ltr .readable .tip-dismiss-btn{right:12px}body.rtl .readable .tip-dismiss-btn{left:12px}.readable .tip-dismiss-btn+p{margin-top:0}.readable blockquote{margin:16px 0}.readable blockquote:not(.note){padding:0 16px;color:hsl(210,13%,40%)}body.ltr .readable blockquote:not(.note){border-left:4px solid hsla(209,20%,25%,.1)}body.rtl .readable blockquote:not(.note){border-right:4px solid hsla(209,20%,25%,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;border:1px solid}body.ltr .readable blockquote.note{padding-left:50px}body.rtl .readable blockquote.note{padding-right:50px}body.ltr .readable blockquote.note.dismissible{padding-right:36px}body.rtl .readable blockquote.note.dismissible{padding-left:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#cf1124;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#cf1124}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.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);opacity:1;position:absolute;top:15px;font-size:24px;width:24px}body.ltr .readable blockquote.note:before{left:16px}body.rtl .readable blockquote.note:before{right:16px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}body.ltr .leftalign{text-align:left}body.rtl .leftalign{text-align:right}.topalign{vertical-align:top}body.ltr .rightalign{text-align:right}body.rtl .rightalign{text-align:left}.centeralign{text-align:center !important}.nowrap{white-space:nowrap}.break-word{word-wrap:break-word}.light{color:var(--medium-text-color) !important;font-weight:normal}.extralight{color:var(--light-text-color) !important}.smalltext{font-size:12px;line-height:1.2}.largetext{font-size:16px;line-height:1.2}.zilch{padding:100px 0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding:24px 0;font-size:16px}input.checkbox+label.smalltext{padding-top:2px}.required:after{content:\"asterisk\";font-size: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:hsl(209,18%,30%);background-color:hsl(212,50%,93%)}.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:hsl(212,30%,85%)}.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}.customize-sources-modal{overflow:visible !important}body.ltr .customize-sources-modal{padding-left:200px}body.rtl .customize-sources-modal{padding-right:200px}.customize-sources-modal>.cs-sidebar{position:absolute;top:0;margin:0;padding:10px 0;border:none;width:200px;height:calc(100% - 50px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color)}body.ltr .customize-sources-modal>.cs-sidebar{left:0}body.rtl .customize-sources-modal>.cs-sidebar{right:0}body.ltr .customize-sources-modal>.cs-sidebar{border-top-left-radius:var(--large-border-radius)}body.rtl .customize-sources-modal>.cs-sidebar{border-top-right-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{display:block;width:calc(100% - 28px)}body.ltr .customize-sources-modal>.cs-sidebar>.btn{margin:10px 0 0 14px}body.rtl .customize-sources-modal>.cs-sidebar>.btn{margin:10px 14px 0 0}body.ltr .customize-sources-modal.sidebar-hidden{padding-left:0}body.rtl .customize-sources-modal.sidebar-hidden{padding-right:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 50px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;bottom:0;left:0;width:100%}.customize-sources-item{--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-top:-1px;background-color:var(--gray-100);border:solid var(--hairline-color);border-width:1px 0;user-select:none;cursor:default}.customize-sources-item+.customize-sources-item.heading{margin-top:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-top:1px solid var(--hairline-color)}.customize-sources-item.sel{--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7);--ui-control-color: var(--selected-item-color);background-color:var(--dark-sel-color);color:var(--selected-item-color);z-index:1}.customize-sources-item .label{flex:1}.customize-sources-item.heading .label{text-transform:uppercase;color:var(--light-text-color);font-size:12px;font-weight:bold}.customize-sources-item.heading.sel .label{color:var(--selected-item-color)}.customize-sources-item__move{position:absolute;top:50%;transform:translate(-50%, -50%);justify-content:center;align-items:center}body.ltr .customize-sources-item__move{right:0}body.rtl .customize-sources-item__move{left:0}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{padding:8px 14px;margin:3px}body.ltr .customize-sources-item__btn{padding-right:30px}body.rtl .customize-sources-item__btn{padding-left:30px}.customize-sources-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-bottom:4px}.customize-sources-table-column .move{margin-top:-3px;position:relative;z-index:1}body.ltr .customize-sources-table-column .move{margin-right:10px}body.rtl .customize-sources-table-column .move{margin-left:10px}ul.path{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--light-text-color);border-width:0 1px 1px 0;opacity:.8}body.ltr ul.path li:not(:last-child):after{margin:0 5px 0 2px}body.rtl ul.path li:not(:last-child):after{margin:0 2px 0 5px}body.ltr ul.path li:not(:last-child):after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child):after{transform:rotate(135deg)}ul.icons{margin-top:20px;display:flex;flex-wrap:wrap}ul.icons li{margin:0 4px 10px 0}ul.icons li a{display:block;position:relative;padding:60px 5px 10px;width:110px;text-align:center;color:var(--text-color);border-radius:4px;border:1px solid var(--white)}ul.icons li a:before{display:block;position:absolute;top:0;left:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon img,ul.icons li a .icon svg{width:40px;height:40px;position:absolute;top:12px;left:calc(50% - 20px)}ul.icons li a .icon.icon-mask svg rect,ul.icons li a .icon.icon-mask svg circle,ul.icons li a .icon.icon-mask svg ellipse,ul.icons li a .icon.icon-mask svg line,ul.icons li a .icon.icon-mask svg polyline,ul.icons li a .icon.icon-mask svg polygon,ul.icons li a .icon.icon-mask svg path,ul.icons li a .icon.icon-mask svg text{fill:var(--text-color);stroke-width:0}ul.icons li a:hover{text-decoration:none;background-color:var(--gray-050);border-color:var(--gray-100)}ul.icons li a:hover .icon.icon-mask svg rect,ul.icons li a:hover .icon.icon-mask svg circle,ul.icons li a:hover .icon.icon-mask svg ellipse,ul.icons li a:hover .icon.icon-mask svg line,ul.icons li a:hover .icon.icon-mask svg polyline,ul.icons li a:hover .icon.icon-mask svg polygon,ul.icons li a:hover .icon.icon-mask svg path,ul.icons li a:hover .icon.icon-mask svg text{fill:var(--link-color);stroke-width:0}@media only screen and (max-width: 380px){ul.icons li a{width:96px}}@media only screen and (max-width: 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-bottom:14px;min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.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;max-width:100%}.flex-justify{justify-content:space-between}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-start{align-items:flex-start}.flex-end{align-items:flex-end}.flex-center{align-items:center}.flex-stretch{align-items:stretch}.spacer{width:14px}.buttons{display:flex;gap:7px;position:relative;margin:24px 0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-control-border-radius);padding:7px 14px;border:none;text-align:center;user-select:none;box-sizing:border-box;appearance:none;color:currentColor;font-size:inherit;background-color:var(--ui-control-bg-color)}.btn:not([aria-current]){cursor:pointer}.btn.chromeless{background-color:rgba(0,0,0,0);height:auto;padding:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless:focus{background-color:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active{text-decoration:underline}.btn.hairline,.btn.link-btn{border:1px solid var(--medium-hairline-color);background-color:rgba(0,0,0,0)}.btn.hairline:active,.btn.hairline[aria-expanded=true],.btn.link-btn:active,.btn.link-btn[aria-expanded=true]{background-color:var(--ui-control-static-bg-color)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.link-btn{color:var(--link-color)}.btn.link-btn:hover,.btn.link-btn:active,.btn.link-btn[aria-expanded=true]{border-color:var(--link-color)}.btn.wrap{height:auto;min-height:34px;white-space:initial;text-align:left}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).focus,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]):active,.btn:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not([aria-current]).active{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding:6px !important;width:36px}.btn.active,.btn.loading{cursor:default}.btn:hover{text-decoration:none}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}.btn [data-icon]{margin-top:-2px}body.ltr .btn [data-icon]{margin-right:4px}body.rtl .btn [data-icon]{margin-left:4px}.btn [data-icon].light:before{color:var(--gray-300)}.disabled{opacity:.25;pointer-events:none;user-select:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn{min-height:var(--ui-control-height)}.spinner{height:var(--ui-control-height)}body.ltr .btn[data-icon-after]:not(:empty):not(.btn-empty):after,body.ltr .menu-toggle:not(:empty):not(.btn-empty):after,body.ltr .menubtn:not(: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;border-radius:var(--large-border-radius)}.btngroup.fullwidth .btn{flex:1}.btngroup.disabled .btn{cursor:default}.btngroup .btn:focus{z-index:1}body.ltr .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-right:1px}body.rtl .btngroup .btn:not(.dashed):not(:last-child):not(.btngroup-btn-last){margin-left:1px}body.ltr .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-left-radius:0;border-bottom-left-radius:0}body.ltr .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:first-child):not(.btngroup-btn-first){border-top-right-radius:0;border-bottom-right-radius:0}body.rtl .btngroup .btn:not(:last-child):not(.btngroup-btn-last){border-top-left-radius:0;border-bottom-left-radius:0}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]){background-color:var(--gray-500);color:var(--white)}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}body.ltr .copytext .text{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}body.ltr .copytext .btn{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .text{border-top-left-radius:0;border-bottom-left-radius:0}body.rtl .copytext .btn{border-top-right-radius:0;border-bottom-right-radius:0}.copytextbtn{display:inline-flex;flex-wrap:nowrap;align-items:center;border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);padding:0 9px;cursor:pointer;color:var(--medium-text-color)}.copytextbtn .copytextbtn__icon{padding:0;width:13px;background:none;margin-top:-3px;color:var(--light-text-color)}body.ltr .copytextbtn .copytextbtn__icon{margin-left:5px}body.rtl .copytextbtn .copytextbtn__icon{margin-right:5px}.copytextbtn:hover,.copytextbtn:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}.copytextbtn:hover .copytextbtn__value,.copytextbtn:focus .copytextbtn__value{color:var(--text-color)}.copytextbtn.small{padding:0 5px}.copytextbtn.small .copytextbtn__value{font-size:.6875rem}.menu-toggle,.menubtn{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:var(--elements-busy-top-position);left:calc(50% - var(--size, 20px)/2)}body.ltr .btn+.spinner{margin-left:7px}body.rtl .btn+.spinner{margin-right:7px}body.ltr .buttons .btn+.spinner,body.ltr .buttons .btngroup+.spinner{margin-left:0}body.rtl .buttons .btn+.spinner,body.rtl .buttons .btngroup+.spinner{margin-right:0}body.ltr .buttons.right .btn+.spinner{margin-right:var(--neg-padding)}body.rtl .buttons.right .btn+.spinner{margin-left:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding:0 7px !important;font-size:12px;line-height:22px}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{min-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{min-height:36px}.btn.submit,.btn.secondary{color:var(--white) !important;--ui-control-active-color: var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.btn.submit{background-color:var(--primary-color) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):hover,.btn.submit:not(.disabled):not(.inactive):not(.loading).hover,.btn.submit:not(.disabled):not(.inactive):not(.loading):focus{background-color:hsl(356,75%,47.9411764706%) !important}.btn.submit:not(.disabled):not(.inactive):not(.loading):active,.btn.submit:not(.disabled):not(.inactive):not(.loading).active{background-color:rgb(191.625,27.375,38.325) !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:rgb(255,201.5,201.5) !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:hsl(211,12%,38%) !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:hsl(211,12%,33%) !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:hsla(212,30%,85%,.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:hsla(212,30%,85%,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding:0;border-radius:0;background-color:rgba(0,0,0,0)}.chevron-btns .btn.current-step,.chevron-btns .btn.active-drop-target{color:var(--white);--text-color: var(--white);--ui-control-color: var(--white);--ui-control-bg-color: var(--gray-500);--ui-control-hover-bg-color: hsl(211, 12%, 38%);--ui-control-active-bg-color: hsl(211, 12%, 33%)}.chevron-btns .btn.current-step{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)), 0 0 0 3px hsla(var(--light-focus-hsl), 0.7)}.chevron-btns .btn:focus{z-index:1;box-shadow:none}.chevron-btns .btn:focus .label{z-index:1;box-shadow:var(--focus-ring)}.reduce-focus-visibility .chevron-btns .btn:focus:not(:focus-visible) .label{box-shadow:none}.reduce-focus-visibility .chevron-btns .btn:focus-visible .label{box-shadow:var(--focus-ring)}body.ltr .chevron-btns .btn:not(.has-action-menu){padding-right:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns .btn:not(.has-action-menu){padding-left:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns .btn:not(.has-action-menu){margin-right:2.8px}body.rtl .chevron-btns .btn:not(.has-action-menu){margin-left:2.8px}body.ltr .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-right:5px}body.rtl .chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-left:5px}body.ltr .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-left:8px}body.rtl .chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-right:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:var(--ui-control-height);background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center}body.ltr .chevron-btns .btn .btn-body [data-icon]{margin-right:0}body.rtl .chevron-btns .btn .btn-body [data-icon]{margin-left:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}body.ltr .chevron-btns .btn.has-action-menu .btn-body{padding-right:1px}body.rtl .chevron-btns .btn.has-action-menu .btn-body{padding-left:1px}body.ltr .chevron-btns .btn.has-action-menu .btn-body{margin-right:0}body.rtl .chevron-btns .btn.has-action-menu .btn-body{margin-left:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;top:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{border-top:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left{left:0}body.rtl .chevron-btns .btn .chevron-left{right:0}body.ltr .chevron-btns .btn .chevron-left{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-left:after{display:block;content:\"\";font-size:0;position:absolute;bottom:0;border-bottom:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.ltr .chevron-btns .btn .chevron-left:after{right:0}body.rtl .chevron-btns .btn .chevron-left:after{left:0}body.ltr .chevron-btns .btn .chevron-left:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .chevron-btns .btn .chevron-left:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{border-top:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-bottom:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.ltr .chevron-btns .btn .chevron-right{right:0}body.rtl .chevron-btns .btn .chevron-right{left:0}body.ltr .chevron-btns .btn .chevron-right{border-left:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}body.rtl .chevron-btns .btn .chevron-right{border-right:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;list-style-type:none;display:flex}body.ltr .chevron-btns ol{padding-left:0}body.rtl .chevron-btns ol{padding-right:0}body.ltr .chevron-btns ol li.first-step .btn .btn-body{padding-left:14px}body.rtl .chevron-btns ol li.first-step .btn .btn-body{padding-right:14px}body.ltr .chevron-btns ol li.first-step .btn .btn-body{border-radius:var(--ui-control-border-radius) 0 0 var(--ui-control-border-radius)}body.rtl .chevron-btns ol li.first-step .btn .btn-body{border-radius:0 var(--ui-control-border-radius) var(--ui-control-border-radius) 0}.chevron-btns ol li.first-step .btn .chevron-left{display:none}body.ltr .chevron-btns ol li:not(.first-step) .btn{margin-left:calc(-1*var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{margin-right:calc(-1*var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn{padding-left:calc(var(--ui-control-height)/2)}body.rtl .chevron-btns ol li:not(.first-step) .btn{padding-right:calc(var(--ui-control-height)/2)}body.ltr .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-left:7px}body.rtl .chevron-btns ol li:not(.first-step) .btn .btn-body{padding-right:7px}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;top:0;width:1em;line-height:34px;text-align:center;user-select:none}body.ltr .color-input-container .color-hex-indicator{left:7px}body.rtl .color-input-container .color-hex-indicator{right:7px}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}body.ltr .color-input{padding-left:calc(7px + 1em)}body.rtl .color-input{padding-right:calc(7px + 1em)}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static):not(.noteditable){cursor:pointer}.color:not(.small){background-image:linear-gradient(45deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(135deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%),linear-gradient(135deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.color.small{width:16px;height:16px;background-image:linear-gradient(45deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(135deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%),linear-gradient(135deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%);background-size:8px 8px;background-position:0 0,4px 0,4px -4px,0 4px}.color .color-preview{position:absolute;top:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}body.ltr .color .color-preview{left:0}body.rtl .color .color-preview{right:0}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}body.ltr .color .color-preview>.color-preview-input{left:0}body.rtl .color .color-preview>.color-preview-input{right:0}.colorhex{display:inline-block;margin-left:5px;vertical-align:middle;color:var(--medium-text-color)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--hairline-color);border-radius:var(--small-border-radius);display:flex;align-items:center;max-width:100%;padding-left:7px;padding-right:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding:7px 0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-right:7px}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:right}body.ltr .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-right:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-left:7px}body.rtl .lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{text-align:left}.lightswitch{display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-400), var(--gray-400));transition:background-image linear 100ms}.lightswitch.on{background-image:linear-gradient(to right, var(--enabled-color), var(--enabled-color))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--enabled-color), var(--gray-300))}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;top:1px;background-color:var(--white)}.lightswitch:not(.small){border-radius:11px;min-width:34px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{width:46px}body.ltr .lightswitch:not(.small) .lightswitch-container{margin-left:-12px}body.rtl .lightswitch:not(.small) .lightswitch-container{margin-right:-12px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:10px;width:20px;height:20px;left:calc(50% - 10px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{width:38px}body.ltr .lightswitch.small .lightswitch-container{margin-left:-10px}body.rtl .lightswitch.small .lightswitch-container{margin-right:-10px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:16px;height:16px;left:calc(50% - 8px)}table .lightswitch{display:inline-block;margin-bottom:-5px}body.ltr .lightswitch.on .lightswitch-container{margin-left:0}body.rtl .lightswitch.on .lightswitch-container{margin-right:0}body.ltr .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-left:-6px}body.rtl .lightswitch.indeterminate:not(.small) .lightswitch-container{margin-right:-6px}body.ltr .lightswitch.indeterminate.small .lightswitch-container{margin-left:-5px}body.rtl .lightswitch.indeterminate.small .lightswitch-container{margin-right:-5px}table.data+.pagination{margin-top:24px}.pagination .page-link{width: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)}body:not(.reduce-focus-visibility) .pagination .page-link:not(.disabled):focus,body.reduce-focus-visibility .pagination .page-link:not(.disabled):focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled:after{border-color:var(--hairline-color)}body.ltr .actions{float:right}body.rtl .actions{float:left}body.ltr .actions>li{float:left}body.rtl .actions>li{float:right}body.ltr .actions>li+li{margin-left:10px}body.rtl .actions>li+li{margin-right:10px}h1+.actions{margin-top:-100px}h2+.actions{margin-top:-54px}.tablepane{margin:-22px -22px -10px;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(--small-border-radius)}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr table.data thead:first-child tr:first-child th:first-child,body.ltr table.data thead:first-child tr:first-child td:first-child,body.ltr table.data tbody:first-child tr:first-child th:first-child,body.ltr table.data tbody:first-child tr:first-child td:first-child,body.ltr table.data tfoot:first-child tr:first-child th:first-child,body.ltr table.data tfoot:first-child tr:first-child td:first-child,body.ltr table.data caption+thead tr:first-child th:first-child,body.ltr table.data caption+thead tr:first-child td:first-child,body.ltr table.data caption+tbody tr:first-child th:first-child,body.ltr table.data caption+tbody tr:first-child td:first-child,body.ltr table.data caption+tfoot tr:first-child th:first-child,body.ltr table.data caption+tfoot tr:first-child td:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl table.data thead:first-child tr:first-child th:first-child,body.rtl table.data thead:first-child tr:first-child td:first-child,body.rtl table.data tbody:first-child tr:first-child th:first-child,body.rtl table.data tbody:first-child tr:first-child td:first-child,body.rtl table.data tfoot:first-child tr:first-child th:first-child,body.rtl table.data tfoot:first-child tr:first-child td:first-child,body.rtl table.data caption+thead tr:first-child th:first-child,body.rtl table.data caption+thead tr:first-child td:first-child,body.rtl table.data caption+tbody tr:first-child th:first-child,body.rtl table.data caption+tbody tr:first-child td:first-child,body.rtl table.data caption+tfoot tr:first-child th:first-child,body.rtl table.data caption+tfoot tr:first-child td:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-top-right-radius:var(--small-border-radius)}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-top-left-radius:var(--small-border-radius)}body.ltr table.data thead:first-child tr:first-child th:last-child,body.ltr table.data thead:first-child tr:first-child td:last-child,body.ltr table.data tbody:first-child tr:first-child th:last-child,body.ltr table.data tbody:first-child tr:first-child td:last-child,body.ltr table.data tfoot:first-child tr:first-child th:last-child,body.ltr table.data tfoot:first-child tr:first-child td:last-child,body.ltr table.data caption+thead tr:first-child th:last-child,body.ltr table.data caption+thead tr:first-child td:last-child,body.ltr table.data caption+tbody tr:first-child th:last-child,body.ltr table.data caption+tbody tr:first-child td:last-child,body.ltr table.data caption+tfoot tr:first-child th:last-child,body.ltr table.data caption+tfoot tr:first-child td:last-child{border-bottom-right-radius:var(--small-border-radius)}body.rtl table.data thead:first-child tr:first-child th:last-child,body.rtl table.data thead:first-child tr:first-child td:last-child,body.rtl table.data tbody:first-child tr:first-child th:last-child,body.rtl table.data tbody:first-child tr:first-child td:last-child,body.rtl table.data tfoot:first-child tr:first-child th:last-child,body.rtl table.data tfoot:first-child tr:first-child td:last-child,body.rtl table.data caption+thead tr:first-child th:last-child,body.rtl table.data caption+thead tr:first-child td:last-child,body.rtl table.data caption+tbody tr:first-child th:last-child,body.rtl table.data caption+tbody tr:first-child td:last-child,body.rtl table.data caption+tfoot tr:first-child th:last-child,body.rtl table.data caption+tfoot tr:first-child td:last-child{border-bottom-left-radius:var(--small-border-radius)}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-top: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}body:not(.dragging) table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button:after{display:block;content:\"\";font-size:0;width: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{--hover-bg-color: var(--gray-050);--selected-bg-color: var(--dark-sel-color)}table.data tbody tr:not(.disabled):hover th,table.data tbody tr:not(.disabled):hover td{background-color:var(--hover-bg-color)}table.data tbody tr:not(.disabled):focus{position:relative;z-index:1}table.data tbody tr:not(.disabled).sel,table.data tbody tr:not(.disabled).active-drop-target{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl))}table.data tbody tr:not(.disabled).sel th,table.data tbody tr:not(.disabled).sel td,table.data tbody tr:not(.disabled).active-drop-target th,table.data tbody tr:not(.disabled).active-drop-target td{color:var(--white);background-color:var(--selected-bg-color)}table.data tbody th,table.data tbody td{padding-top:7px;padding-bottom:7px}table.data tbody td.timestamp{vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}body.ltr table.data tbody td.timestamp{text-align:right}body.rtl table.data tbody td.timestamp{text-align:left}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-top:1px solid rgba(0,0,0,0)}table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) th,table.data tr.sel:not(.draggee)+tr.sel:not(.draggee) td{border-top-color:var(--gray-300)}table.data.vuetable th.sortable:hover{color:var(--text-color);background-color:var(--gray-100)}table.data.vuetable th.sortable.ordered{background-color:var(--light-sel-color)}table.data.vuetable th.sortable.ordered .sort-icon{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(225deg);margin-top:7px}table.data.vuetable th.sortable.ordered.desc .sort-icon{transform:rotate(45deg);margin-top:5px}table.collapsed{width:auto}table.collapsed,table.collapsed tbody,table.collapsed tbody tr,table.collapsed tbody th,table.collapsed tbody td{display:block;border:none;padding:0;width:auto !important;white-space:normal}body.ltr table.collapsed,body.ltr table.collapsed tbody,body.ltr table.collapsed tbody tr,body.ltr table.collapsed tbody th,body.ltr table.collapsed tbody td{text-align:left}body.rtl table.collapsed,body.rtl table.collapsed tbody,body.rtl table.collapsed tbody tr,body.rtl table.collapsed tbody th,body.rtl table.collapsed tbody td{text-align:right}table.collapsed thead{display:none}table.collapsed tbody tr{padding:6px 0;border-bottom:1px dotted var(--hairline-color)}table.collapsed tbody tr:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}table.collapsed tbody th,table.collapsed tbody td{padding:2px 0 !important}table.collapsed tbody td:empty{display:none}body.ltr table.collapsed tbody [data-title]{margin-right:0}body.rtl table.collapsed tbody [data-title]{margin-left:0}table.collapsed tbody [data-title]:before{margin-right:5px;content:attr(data-title) \":\";font-weight:bold}table.collapsed tbody [data-title] form{display:inline-block}.datatablesorthelper,.editabletablesorthelper{background-color:var(--white);box-shadow:0 1px 5px -1px hsla(210,24%,16%,.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);max-width:100%}.element .label .segment:after{display:inline-flex !important;position:relative;top:-2px;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 .element .label .segment:after{margin:0 5px 0 2px}body.rtl .element .label .segment:after{margin:0 2px 0 5px}body.ltr .element .label .segment:after{transform:rotate(-45deg)}body.rtl .element .label .segment:after{transform:rotate(135deg)}.sel .element .label .segment:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--white);border-width:0 1px 1px 0;opacity:.8}body.ltr .sel .element .label .segment:after{transform:rotate(-45deg)}body.rtl .sel .element .label .segment:after{transform:rotate(135deg)}.element:focus,li:focus .element{background-color:var(--gray-050)}.element.sel,li.sel .element,li.active-drop-target .element{--text-color: var(--white);--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--dark-sel-color) !important}.element.sel,li.sel .element{cursor:default}.element.sel.hasthumb .elementthumb img,li.sel .element.hasthumb .elementthumb img{box-shadow:0 0 0 1px hsla(211,12%,43%,.1),0 6px 4px -4px hsla(211,12%,43%,.2)}.offset-drag-helper .element{background-color:var(--gray-050);box-shadow:0 1px 5px -1px hsla(210,24%,16%,.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,.element.hasthumb .elementthumb:not(:empty) svg{display:block;flex-shrink:0;pointer-events:none;border-radius:var(--small-border-radius)}.element.hasthumb .elementthumb:not(:empty) img{max-width:100%;max-height:100%}.element.hasthumb .elementthumb:not(:empty) svg{width:100%;height:100%}.element.hasthumb .elementthumb:not(:empty).rounded img,.element.hasthumb .elementthumb:not(:empty).rounded svg{border-radius:50%}.element.hasthumb .elementthumb.open-preview{cursor:pointer}.element.error [data-icon=alert]{margin-left:var(--xs)}.element .label{display:inline-block;overflow:hidden;vertical-align:bottom;text-overflow:ellipsis;max-width:100%}.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, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(135deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%),linear-gradient(135deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 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:100%;height:120px}body.ltr .element.large.hasthumb .elementthumb:not(:empty){left:0}body.rtl .element.large.hasthumb .elementthumb:not(:empty){right:0}.element.large.hasthumb .elementthumb:not(:empty).checkered img{background-image:linear-gradient(45deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(135deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%),linear-gradient(135deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 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}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: hsl(212, 30%, 80%);--ui-control-active-bg-color: hsl(212, 30%, 75%)}.element-index .source-path .chevron-btns{display:inline-flex;position:relative;background:#fff;--ui-control-height: calc((30rem / 16))}.element-index .source-path .chevron-btns:before{display:block;content:\"\";font-size:0;position:absolute;top:0;width:0;height:0;border-top:calc(var(--ui-control-height)/2) solid hsl(212,60%,97%)}body.ltr .element-index .source-path .chevron-btns:before{right:0}body.rtl .element-index .source-path .chevron-btns:before{left:0}body.ltr .element-index .source-path .chevron-btns:before{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:before{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns:after{display:block;content:\"\";font-size:0;position:absolute;top:calc(var(--ui-control-height)/2);border-bottom:calc(var(--ui-control-height)/2) solid hsl(212,60%,97%)}body.ltr .element-index .source-path .chevron-btns:after{right:0}body.rtl .element-index .source-path .chevron-btns:after{left:0}body.ltr .element-index .source-path .chevron-btns:after{border-left:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}body.rtl .element-index .source-path .chevron-btns:after{border-right:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.element-index .source-path .chevron-btns .btn{--ui-control-border-radius: 3px}.element-index .source-path .btn.settings{box-shadow:0 0 0 2px var(--white)}.element-index.main .source-path{margin:-22px -22px 24px}.elementselectormodal .element-index .source-path{margin-bottom:2px}.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:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius)}.elements.busy .update-spinner{z-index:1}.elements .header{margin:-22px -22px 24px;padding:14px 24px;background-color:var(--gray-050);box-shadow:none;border-radius:var(--small-border-radius)}.elements .header:after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview .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 .tableview .enabled-label{margin-left:var(--xs)}.elements .tableview tr.disabled{opacity:1}.elements .tableview tr.disabled>th>*,.elements .tableview tr.disabled>td{opacity:.25}.elements .tableview tr.disabled>th>button.toggle{opacity:1;pointer-events:all}.elements .thumbsview{display:grid;gap:5px;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;max-width:226px}body.ltr .elements .thumbsview li{margin:0 1px 1px 0}body.rtl .elements .thumbsview li{margin:0 0 1px 1px}.elements .thumbsview li:hover .element{background-color:var(--gray-050)}.elements .thumbsview li .element.large.hasthumb{width:unset}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}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.export-form{position:relative}.export-form .spinner{position:absolute;bottom:0}body.ltr .export-form .spinner{right:-24px}body.rtl .export-form .spinner{left:-24px}.structure{position:relative;z-index:1}body.ltr .structure li{padding-left:8px}body.rtl .structure li{padding-right:8px}.structure li.collapsed>ul{display:none}.structure li .row:hover>.icon,.structure li.draghelper>.row .move,.structure li .add.active{opacity:1}.structure li.draghelper>.row .add{opacity:0}.structure li.draghelper>.row .move:before{color:var(--link-color)}.structure li.draginsertion{position:relative;height:2px;background-color:var(--link-color) !important;border-radius:1px}body.ltr .structure li.draginsertion{margin:-1px 0 -1px 8px}body.rtl .structure li.draginsertion{margin:-1px 8px -1px 0}body.ltr .structure li.draginsertion{padding-left:0}body.rtl .structure li.draginsertion{padding-right:0}body.ltr .structure li.draginsertion{border-left:none}body.rtl .structure li.draginsertion{border-right:none}.structure li .toggle{position:relative;z-index:1;padding:4px}body.ltr .structure li .toggle{float:left}body.rtl .structure li .toggle{float:right}body.ltr .structure li .toggle{margin:10px -8px 0 -12px}body.rtl .structure li .toggle{margin:10px -12px 0 -8px}.structure li .row:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{opacity:0;transition:opacity linear 100ms}body.ltr .structure li .move,body.ltr .structure li .add{margin:5px 5px 0 0}body.rtl .structure li .move,body.rtl .structure li .add{margin:5px 0 0 5px}.structure li .add{padding:0 5px}.structure li .add:before{content:\"downangle\";color:var(--dark-hairline-color)}.structure li .add:not(.disabled):hover:before,.structure li .add.active:before{color:var(--link-color)}body.ltr .structure li .checkbox{float:left}body.rtl .structure li .checkbox{float:right}body.ltr .structure li .checkbox{margin:7px 0 0 7px}body.rtl .structure li .checkbox{margin:7px 7px 0 0}body.ltr .structure ul{margin-left:-3px}body.rtl .structure ul{margin-right:-3px}.structure ul li{background-repeat:no-repeat;--background-position-x: 0;--background-position-y: -2px;background-position:var(--background-position-x) var(--background-position-y)}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)}body.rtl .structure ul li{--background-position-x: 100%;background-image:url(../images/branch_rtl.png)}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-x: -1px}body.rtl .structure ul li:not(:last-child):not(.last){--background-position-x: calc(100% + 1px)}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{display:flex;flex-direction:column;align-items:flex-start}.elementselect .elements.flex-row{flex-direction:row}.elementselect .elements.flex-wrap{flex-wrap:wrap}.elementselect .elements li{max-width:100%}.elementselect .elements:after{content:\"\";display:block;height:0;clear:both;visibility:hidden}body.ltr .elementselect .element{margin:7px 7px 0 0}body.rtl .elementselect .element{margin:7px 0 0 7px}.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}.elementselect .flex{padding-top:7px}body.ltr .elementselect .structure ul{margin-left:12px}body.rtl .elementselect .structure ul{margin-right:12px}.elementselect .structure ul li{--background-position-y: 0}.elementselect .structure ul li .element{margin:0}table.editable{border-radius:var(--large-border-radius);border:1px solid var(--gray-200)}table.editable th,table.editable td.heading,table.editable td.action{color:var(--medium-text-color);font-weight:normal;background-color:var(--gray-050)}table.editable thead tr th,table.editable tbody tr th{padding:6px 10px}table.editable thead tr th{border-bottom:1px solid var(--hairline-color)}body.ltr table.editable thead tr th.has-info{padding-right:calc(15px + 1em)}body.rtl table.editable thead tr th.has-info{padding-left:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-left:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-top:1px solid var(--hairline-color)}body.ltr table.editable tbody tr:last-child td:first-child{border-bottom-left-radius:var(--large-border-radius)}body.rtl table.editable tbody tr:last-child td:first-child{border-bottom-right-radius:var(--large-border-radius)}body.ltr table.editable tbody tr:last-child td:first-child textarea,body.ltr table.editable tbody tr:last-child td:first-child input.text{border-bottom-left-radius:calc(var(--large-border-radius) - 1px)}body.rtl table.editable tbody tr:last-child td:first-child textarea,body.rtl table.editable tbody tr:last-child td:first-child input.text{border-bottom-right-radius:calc(var(--large-border-radius) - 1px)}body.ltr table.editable tbody tr td:not(:first-child),body.ltr table.editable tbody tr th~td:not(.hidden)~td{border-left:1px solid var(--hairline-color)}body.rtl table.editable tbody tr td:not(:first-child),body.rtl table.editable tbody tr th~td:not(.hidden)~td{border-right:1px solid var(--hairline-color)}body.ltr table.editable tbody tr th~td:not(:first-child){border-left:1px solid #dbdddf}body.rtl table.editable tbody tr th~td:not(:first-child){border-right:1px solid #dbdddf}table.editable tbody tr td{vertical-align:top;text-align:center;background-color:var(--white);padding:4px 10px}table.editable tbody tr td.focus{position:relative;box-shadow:inset 0 0 0 1px var(--hairline-color)}table.editable tbody tr td.textual{padding:0}table.editable tbody tr td.textual .editable-table-preview{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual .editable-table-preview{text-align:left}body.rtl table.editable tbody tr td.textual .editable-table-preview{text-align:right}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-top:0;padding-bottom:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{white-space:pre-wrap}body.ltr table.editable tbody tr td.textual pre{text-align:left}body.rtl table.editable tbody tr td.textual pre{text-align:right}table.editable tbody tr td.lightswitch-cell{padding-top:9px;padding-bottom:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin:0 auto}table.editable tbody tr td.checkbox-cell{padding-top:10px;padding-bottom:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin:-2px auto 0;width:16px;height:16px}table.editable tbody tr td.error{box-shadow:inset 0 0 0 1px var(--error-color)}table.editable tbody tr td.disabled{position:relative;opacity:1}table.editable tbody tr td.disabled:after{content:\"\";font-size:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(212,60%,97%,.75);user-select:none}table.editable tbody tr td.action{padding:4px 7px}body.ltr table.editable tbody tr td.action+td.action{border-left:none}body.rtl table.editable tbody tr td.action+td.action{border-right:none}body.ltr table.editable tbody tr td.action+td.action{padding-left:0}body.rtl table.editable tbody tr td.action+td.action{padding-right:0}table.editable tbody tr td .flex>*{margin-bottom:0}table.editable tbody textarea,table.editable tbody textarea.text,table.editable tbody input.text,table.editable tbody pre,table.editable tbody .editable-table-preview{display:block;width:100%;border:none;box-shadow:none;border-radius:0;padding:7px 10px;line-height:20px;background-color:rgba(0,0,0,0);overflow:hidden;transition:none;box-sizing:border-box}table.editable tbody .color-container{display:block;position:relative}table.editable tbody .color-container>.color,table.editable tbody .color-container .color-input{margin-bottom:0}table.editable tbody .color-container>.color{position:absolute;top:10px;z-index:1}body.ltr table.editable tbody .color-container>.color{left:10px}body.rtl table.editable tbody .color-container>.color{right:10px}body.ltr table.editable tbody .color-container .color-hex-indicator{left:32px}body.rtl table.editable tbody .color-container .color-hex-indicator{right:32px}body.ltr table.editable tbody .color-container .color-input{padding-left:calc(32px + 1em)}body.rtl table.editable tbody .color-container .color-input{padding-right:calc(32px + 1em)}table.editable tbody .datewrapper,table.editable tbody .timewrapper{display:block;width:calc(100% - 29px)}table.editable tbody .datewrapper .text+div[data-icon],table.editable tbody .timewrapper .text+div[data-icon]{top:6px}body.ltr table.editable tbody .datewrapper .text+div[data-icon],body.ltr table.editable tbody .timewrapper .text+div[data-icon]{left:10px}body.rtl table.editable tbody .datewrapper .text+div[data-icon],body.rtl table.editable tbody .timewrapper .text+div[data-icon]{right:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-top-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-top:7px}body.ltr ul.tree,body.ltr .tree ul{margin-left:20px}body.rtl ul.tree,body.rtl .tree ul{margin-right:20px}body.ltr .tree li .toggle{margin:7px 0 0 -15px}body.rtl .tree li .toggle{margin:7px -15px 0 0}.status{display:inline-block;position:relative;width:10px;height:10px;border:1px solid rgba(0,0,0,0);border-radius:100%;box-sizing:border-box;background-clip:border-box}body.ltr .status{margin-right:10px}body.rtl .status{margin-left:10px}body.use-shapes .status.all{rotate:45deg;background-image:linear-gradient(30deg, #184cef, #e5422b)}body.use-shapes .status.pending{background-color:rgba(0,0,0,0);border-style:solid;border-width:0 5px 10px 5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--pending-color) rgba(0,0,0,0);border-radius:1px}body.use-shapes .status.all,body.use-shapes .status.off,body.use-shapes .status.suspended,body.use-shapes .status.expired{border-radius:2px;transform:scale(90%)}.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(.pending):not(.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)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.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:hsla(0,0%,100%,.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 hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.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 hsla(211,13%,65%,.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;min-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:hsla(211,13%,65%,.15)}.pane-header .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin:calc(var(--s)*-1) calc(var(--padding)*-1)}.pane-tabs:first-child{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;overflow:hidden}.pane-tabs [role=tablist]{flex:1;display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.pane-tabs [role=tablist]::-webkit-scrollbar{display:none}body.ltr .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}body.rtl .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 24px)}.pane-tabs [role=tablist] [role=tab]{--tab-label-color: var(--light-text-color)}.pane-tabs [role=tablist] [role=tab].error{--highlight-color: var(--error-color) !important;--tab-label-color: var(--error-color) !important}.pane-tabs [role=tablist] [role=tab],.pane-tabs [role=tablist] [role=tab] .tab-label{border-radius:2px 2px 0 0}.pane-tabs [role=tablist] [role=tab] .tab-label{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 var(--padding);white-space:nowrap;color:var(--tab-label-color);height:50px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible{box-shadow:none}body:not(.reduce-focus-visibility) .pane-tabs [role=tablist] [role=tab]:focus .tab-label,body.reduce-focus-visibility .pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{background-color:hsla(211,13%,65%,.15)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--highlight-color),0 0 0 1px hsla(209,20%,25%,.1),0 2px 12px hsla(212,30%,85%,.5);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)}.pane-tabs .menubtn.error span[data-icon]{margin-right:2px}.details{--spacing: var(--l);padding:0 var(--padding) var(--spacing)}.details .meta,.details .field,.details hr{margin-left:var(--neg-padding);margin-right:var(--neg-padding)}.details .meta{margin-bottom:var(--spacing)}.details .meta:not(.read-only){background-color:var(--gray-050) !important}.details .meta.read-only{color:var(--medium-text-color)}.details .meta.read-only>.data{align-items:baseline;min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding:6px 0}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-top:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-bottom:0}.details .meta.warning{padding-top:var(--m);padding-bottom:var(--m);color:var(--text-color) !important;background-color:var(--yellow-050) !important;box-shadow:0 0 0 1px var(--yellow-300),0 2px 12px hsla(212,30%,85%,.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:hsl(48,93.9393939394%,57.6470588235%)}.details .meta.warning .btn:active{background-color:hsl(48,93.9393939394%,52.6470588235%)}.details .meta>.field,.details .meta>.data{margin:0 var(--neg-padding) !important}.details .meta>.field>.heading>label,.details .meta>.field>.heading,.details .meta>.data>.heading>label,.details .meta>.data>.heading{color:var(--gray-600)}body.ltr .details .meta>.field>.status-badge{left:0}body.rtl .details .meta>.field>.status-badge{right:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}body.ltr .details .meta .ui-datepicker{margin:0 0 0 -8px}body.rtl .details .meta .ui-datepicker{margin:0 -8px 0 0}.details hr{margin:var(--spacing) 0;border-top-color:var(--hairline-color)}.details input::-webkit-input-placeholder,.details textarea::-webkit-input-placeholder{color:var(--gray-500)}.details input:-ms-input-placeholder,.details textarea:-ms-input-placeholder{color:var(--gray-500)}.details input::-ms-input-placeholder,.details textarea::-ms-input-placeholder{color:var(--gray-500)}.details input:-moz-placeholder,.details textarea:-moz-placeholder{color:var(--gray-500)}.details input::-moz-placeholder,.details textarea::-moz-placeholder{color:var(--gray-500)}.details input::placeholder,.details textarea::placeholder{color:var(--gray-500)}.details .text{background-color:rgba(0,0,0,0) !important;resize:none}.details>.field .heading,.details>fieldset>legend{margin:0 0 var(--s)}.details>.field>.heading>label,.details>fieldset>legend{font-weight:normal;color:var(--gray-600)}.details>.field>.heading>label{margin:0}.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>fieldset{margin:0 0 var(--spacing)}.details>.text{border-radius:var(--large-border-radius);margin-bottom:var(--spacing)}.details>.text:not(:focus){border-color:hsla(212,25%,50%,.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:hsl(212,60%,95%)}.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{margin:0}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.data>.heading,.meta>.flex-fields>.field>.heading,.meta>.flex-fields>.data>.heading{flex:0 0 104px;line-height:18px}body.ltr .meta>.field>.heading,body.ltr .meta>.data>.heading,body.ltr .meta>.flex-fields>.field>.heading,body.ltr .meta>.flex-fields>.data>.heading{margin-right:var(--s)}body.rtl .meta>.field>.heading,body.rtl .meta>.data>.heading,body.rtl .meta>.flex-fields>.field>.heading,body.rtl .meta>.flex-fields>.data>.heading{margin-left:var(--s)}}.meta>.field.lightswitch-field>.heading,.meta>.data.lightswitch-field>.heading,.meta>.flex-fields>.field.lightswitch-field>.heading,.meta>.flex-fields>.data.lightswitch-field>.heading{flex:1}.meta>.field>.input .flex,.meta>.data>.input .flex,.meta>.flex-fields>.field>.input .flex,.meta>.flex-fields>.data>.input .flex{flex-wrap:nowrap}.meta>.field>.input .flex>*,.meta>.data>.input .flex>*,.meta>.flex-fields>.field>.input .flex>*,.meta>.flex-fields>.data>.input .flex>*{margin-bottom:0}.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-top:var(--s)}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding:14px 0}}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding:var(--s) 0}.meta>.field>.heading>label,.meta>.data>.heading,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.data>.heading{color:var(--medium-text-color)}.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding:var(--s) 0;width:100%}@media screen and (min-width: 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{width:calc(100% - 116px)}}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-top:-2px}body.ltr .meta>.data>.value>[data-icon=draft],body.ltr .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-right:8px}body.rtl .meta>.data>.value>[data-icon=draft],body.rtl .meta>.flex-fields>.data>.value>[data-icon=draft]{margin-left:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{flex:0;width:auto}.meta>.field.has-errors,.meta>.flex-fields>.field.has-errors{border:1px solid var(--error-color) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-top-left-radius:var(--large-border-radius);border-top-right-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-bottom-left-radius:var(--large-border-radius);border-bottom-right-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-top:none !important}.meta>.field>.heading>label,.meta>.field>.heading>legend,.meta>.flex-fields>.field>.heading>label,.meta>.flex-fields>.field>.heading>legend{font-weight:normal}.meta>.field>.input>.text,.meta>.field>.input>.flex>.text,.meta>.field>.input>.flex>.textwrapper>.text,.meta>.field>.input>.datewrapper>.text,.meta>.field>.input>.timewrapper>.text,.meta>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.field>.input>.datetimewrapper>.timewrapper>.text,.meta>.flex-fields>.field>.input>.text,.meta>.flex-fields>.field>.input>.flex>.text,.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text,.meta>.flex-fields>.field>.input>.datewrapper>.text,.meta>.flex-fields>.field>.input>.timewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text{display:block;margin:calc(var(--s)*-1) 0;padding:14px 0;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{background-color:rgba(0,0,0,0)}body.ltr .meta>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{left:0}body.rtl .meta>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.timewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper .text+div[data-icon],body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper .text+div[data-icon]{right:0}.meta>.field>.input>.datetimewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper{gap:0}.meta>.field>.input>.datetimewrapper>.datewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper{width:55%}.meta>.field>.input>.datetimewrapper>.timewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper{width:45%}body.ltr .meta>.field>.input>.datetimewrapper>.clear-btn,body.ltr .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-right:-24px}body.rtl .meta>.field>.input>.datetimewrapper>.clear-btn,body.rtl .meta>.flex-fields>.field>.input>.datetimewrapper>.clear-btn{margin-left:-24px}.meta>.field>.input>.datewrapper,.meta>.field>.input>.timewrapper,.meta>.flex-fields>.field>.input>.datewrapper,.meta>.flex-fields>.field>.input>.timewrapper{display:block;width:100%}.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{margin:0;padding:0 0 6px;width:100%;list-style-type:none}body.ltr .meta>.field>.clear-btn,body.ltr .meta>.flex-fields>.field>.clear-btn{margin-right:var(--neg-padding)}body.rtl .meta>.field>.clear-btn,body.rtl .meta>.flex-fields>.field>.clear-btn{margin-left:var(--neg-padding)}.meta>.field:not(:first-child):not(.first-child),.meta>.flex-fields+.field:not(.first-child){border-top:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin:0 -24px !important;padding:14px 24px;background-color:hsl(212,60%,95%)}.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{border-radius:5px;background-color:#fff;box-shadow:0 25px 100px hsla(210,24%,16%,.5) !important}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}.slideout-container.so-lp{position:absolute;top:var(--m);left:var(--m);width:calc(100% - var(--m)*2);height:calc(100vh - var(--m)*2)}body.has-debug-toolbar .slideout-container{height:calc(100vh - 42px)}.slideout{position:absolute;background-color:var(--white);box-shadow:0 0 0 1px hsla(210,10%,53%,.25),0 25px 100px hsla(210,24%,16%,.5) !important;display:flex;flex-direction:column;overflow:hidden;padding:24px var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;left:0;transition:top linear 250ms;will-change:top}.slideout.so-mobile{--padding: 14px;--neg-padding: -14px}.slideout:not(.so-mobile){border-radius:var(--large-border-radius)}.slideout:not(.so-mobile):not(.so-lp){top:8px;width:calc(50% - 8px);height:calc(100% - 16px)}@media screen and (prefers-reduced-motion: no-preference){body.ltr .slideout:not(.so-mobile):not(.so-lp){transition:left linear 250ms;will-change:left}body.rtl .slideout:not(.so-mobile):not(.so-lp){transition:right linear 250ms;will-change:right}}.slideout>.pane-header{padding-left:var(--padding);padding-right:var(--padding);z-index:2}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--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-body{flex:1;margin:-24px var(--neg-padding) 0;overflow:hidden auto;position:relative}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding:24px var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding:0 var(--padding) var(--spacing)}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin:0 var(--neg-padding);height:auto;min-height:54px}.slideout>.so-body>.so-sidebar>.preview-thumb-container+.pane-header,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container+.pane-header{border-radius:0}.slideout>.so-body>.so-sidebar .image-actions.is-mobile,.slideout>.so-body.so-full-details>.so-content>.details .image-actions.is-mobile{margin:calc(var(--spacing)/2) 0 var(--spacing)}.slideout>.so-body>.so-sidebar>.meta.read-only:first-child,.slideout>.so-body.so-full-details>.so-content>.details>.meta.read-only:first-child{margin-top:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-bottom:1px solid var(--yellow-300)}.slideout>.so-body>.so-sidebar>.field>.input>.text.fullwidth,.slideout>.so-body.so-full-details>.so-content>.details>.field>.input>.text.fullwidth{border-radius:0}.slideout>.so-body>.so-sidebar .notes,.slideout>.so-body.so-full-details>.so-content>.details .notes{padding-top:var(--m);padding-bottom:var(--m)}.slideout>.so-body>.so-sidebar{position:absolute;top:0;background:#fff;box-shadow:0 0 0 1px hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.5);width:350px;height:100%;max-width:100%;overflow:hidden auto;z-index:1001}.slideout>.so-body>.so-sidebar:focus{box-shadow:var(--focus-ring)}body.ltr .slideout>.so-body>.so-sidebar{transition:right linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:left linear 250ms}.slideout>.so-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin:0 var(--neg-padding) -24px;padding:8px var(--padding);background:#fff;box-shadow:0 0 0 1px hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.5);background-color:var(--gray-050);z-index:3}.slideout>.so-footer:focus{box-shadow:var(--focus-ring)}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin:0 var(--neg-padding);padding:0 var(--padding) 8px;border-bottom:1px solid var(--hairline-color)}@container (width > 700px){.slideout.has-sidebar .pane-header:not(.so-visible){display:none}.slideout.has-sidebar .sidebar-btn{display:none}.slideout.has-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.has-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;overflow:hidden auto}body.ltr .slideout.has-sidebar .so-body>.so-content{border-right:1px solid var(--gray-200)}body.rtl .slideout.has-sidebar .so-body>.so-content{border-left:1px solid var(--gray-200)}.slideout.has-sidebar .so-body>.so-sidebar{position:relative;display:block !important;top:auto;right:auto !important;left:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header: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:hsla(210,10%,53%,.35) !important}.slideout-shade.dark,.modal-shade.dark{background-color:hsla(210,24%,16%,.5) !important}.modal{position:fixed;overflow:hidden}.modal:not(.fitted):not(.fullscreen){width:66%;height:66%;min-width:600px;min-height:400px}.modal.fitted{width:auto;height:auto;min-width:0;min-height:0}.modal.fullscreen{width:100%;height:100%;border-radius:0}body.ltr .modal.alert .body{padding-left:76px}body.rtl .modal.alert .body{padding-right:76px}.modal.alert .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"alert\";font-size:40px;color:var(--light-text-color)}body.ltr .modal.alert .body:before{margin:-6px 0 0 -58px}body.rtl .modal.alert .body:before{margin:-6px -58px 0 0}body.ltr .modal.alert .body:before{float:left}body.rtl .modal.alert .body:before{float:right}body.ltr .modal.secure .body{padding-left:76px}body.rtl .modal.secure .body{padding-right:76px}.modal.secure .body:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"secure\";font-size:58px;color:var(--light-text-color)}body.ltr .modal.secure .body:before{margin:-14px 0 0 -56px}body.rtl .modal.secure .body:before{margin:-14px -56px 0 0}body.ltr .modal.secure .body:before{float:left}body.rtl .modal.secure .body:before{float:right}.modal .resizehandle{position:absolute;z-index:1;bottom:0;width:24px;height:24px;cursor:nwse-resize;padding:var(--xs)}body.ltr .modal .resizehandle{right:0}body.rtl .modal .resizehandle{left:0}.modal .resizehandle path{fill:var(--ui-control-color)}body.rtl .modal .resizehandle .ltr{display:none}body.ltr .modal .resizehandle .rtl{display:none}.hud{position:absolute;display:none;top:0}.hud.tooltip-hud{display:block}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray.png)}.hud .tip{position:absolute;z-index:101;background:no-repeat 0 0}.hud .tip-left{left:-15px;width:15px;height:30px;background-image:url(../images/hudtip_left.png)}.hud .tip-top{top:-15px;width:30px;height:15px;background-image:url(../images/hudtip_top.png)}.hud .tip-right{right:-15px;width:15px;height:30px;background-image:url(../images/hudtip_right.png)}.hud .tip-bottom{bottom:-15px;width:30px;height:15px;background-image:url(../images/hudtip_bottom.png)}.hud .hud-header,.hud .hud-footer{padding:var(--s) var(--xl)}.hud .body{overflow:hidden}.hud .body ::-webkit-scrollbar{appearance:none}.hud .body ::-webkit-scrollbar:vertical{width:11px}.hud .body ::-webkit-scrollbar:horizontal{height:11px}.hud .body ::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid rgba(0,0,0,0);background-color:rgba(0,0,0,.5)}.hud .body ::-webkit-scrollbar-track{background-color:var(--gray-050)}.preview-thumb-container{position:relative;display:flex;flex-direction:row;align-items:center;height:190px;background-color:var(--gray-900);margin:0 var(--neg-padding) var(--spacing)}.preview-thumb-container.checkered img{background-color:var(--white);background-image:linear-gradient(45deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(135deg, hsla(211, 13%, 65%, 0.25) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%),linear-gradient(135deg, transparent 75%, hsla(211, 13%, 65%, 0.25) 75%);background-size:17px 17px;background-position:0 0,8.5px 0,8.5px -8.5px,0 8.5px}.preview-thumb-container.editable{cursor:pointer}.preview-thumb-container.loading:after{content:\"\";font-size:0;display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:hsla(210,24%,16%,.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;justify-content:center;width:100%;height:100%}.preview-thumb-container .preview-thumb img{display:block;max-width:100%;max-height:190px}.image-actions.is-mobile{margin:calc(var(--spacing)/2*-1) var(--neg-padding) var(--spacing);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;top:10px;margin:0;transition:opacity linear 100ms}body.ltr .button-fade .buttons{right:10px}body.rtl .button-fade .buttons{left:10px}.button-fade .buttons .btn{--ui-control-color: var(--white);--ui-control-hover-color: var(--white);--ui-control-active-color: var(--white);--interaction-background-color: var(--gray-700);background-color:var(--gray-600);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color)}.button-fade .buttons .btn:hover{background-color:var(--interaction-background-color) !important}.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed).focus,.button-fade .buttons .btn:not(.disabled):not(.loading):not(.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-bottom:50px;user-select:none}.elementselectormodal .header{padding-top:14px;padding-bottom:14px;text-align:center}.elementselectormodal .header+.body{height:calc(100% - 48px) !important}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;top:0;height:100%;overflow:auto;padding:var(--content-padding) 0}body.ltr .elementselectormodal .body .content .sidebar{margin-left:-249px}body.rtl .elementselectormodal .body .content .sidebar{margin-right:-249px}.elementselectormodal .body .content .main{margin:-24px;padding:var(--content-padding);height:100%;box-sizing:border-box;overflow:auto;position:relative}.elementselectormodal .body .content .main .elements.busy{min-height:calc(100% - 48px)}.elementselectormodal .body .content .main .elements .tableview table .element{display:inline-block}.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}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-bottom:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-bottom:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}body.ltr .elementselectormodal .nav-toggle,body.ltr .customize-sources-modal .nav-toggle{margin-left:4px}body.rtl .elementselectormodal .nav-toggle,body.rtl .customize-sources-modal .nav-toggle{margin-right:4px}.elementselectormodal .nav-toggle:hover,.customize-sources-modal .nav-toggle:hover{color:var(--gray-500)}.elementselectormodal .sidebar-header,.customize-sources-modal .sidebar-header{display:flex;justify-content:flex-end;padding:0 var(--s);margin-bottom:var(--s)}.elementselectormodal .nav-close,.customize-sources-modal .nav-close{height:var(--touch-target-size);width:var(--touch-target-size)}.element-hud-form .buttons{position:relative}.element-hud-form .buttons .spinner{position:absolute;top:0}body.ltr .element-hud-form .buttons .spinner{right:-24px}body.rtl .element-hud-form .buttons .spinner{left:-24px}body.ltr .activity-container:not(:last-child){margin-right:var(--s)}body.rtl .activity-container:not(:last-child){margin-left:var(--s)}.activity-container ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--xs)}.activity-container ul li .activity-btn{width:30px;height:30px;border-radius:50%;display:block}.activity-container ul li .activity-btn .elementthumb{position:relative;width:100%;height:100%;border-radius:50px;background:var(--gray-050);overflow:hidden;border:2px solid var(--white);box-shadow:0 1px 2px 1px hsla(210,24%,16%,.1)}.activity-container ul li .activity-btn .elementthumb img,.activity-container ul li .activity-btn .elementthumb svg{display:block;width:100%;height:100%}body.ltr .activity-container ul li:not(:last-child){margin-right:-10px}body.rtl .activity-container ul li:not(:last-child){margin-left:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-top:var(--s);padding-bottom:var(--s)}.element-index-view-menu .table-columns-field{align-items:flex-start}.element-index-view-menu .table-columns-field .input{padding:13px 0}.element-index-view-menu .menu-footer{margin:0 !important;padding:var(--s) var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:start;align-content:stretch;margin-bottom:4px}.element-index-view-menu-table-column .icon.move{margin-top:-3px;position:relative;z-index:1}body.ltr .element-index-view-menu-table-column .icon.move{margin-right:10px}body.rtl .element-index-view-menu-table-column .icon.move{margin-left:10px}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (max-width: 350px){.sort-field .input .flex{flex-direction:column}.sort-field .input .flex>*{width:100%}.sort-field .input .flex .flex-grow{max-width:none}}.element-filter-hud.loading .body{padding:50px;display:flex;align-items:center;justify-content:center}.element-filter-hud .body,.element-filter-hud .main{overflow:visible}.address-cards{display:grid;gap:var(--m) var(--m);grid-template-columns:repeat(1, minmax(0, 1fr));grid-auto-rows:minmax(0, 1fr)}.so-content .address-cards{grid-template-columns:repeat(1, minmax(0, 1fr)) !important}.address-cards__add-btn{padding:1rem;min-height:8rem;height:auto;width:100%}.address-card.error{border:1px solid #cf1124}.address-card.error:hover{border-color:#cf1124}@media(min-width: 1024px){.address-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 1280px){.address-cards{grid-template-columns:repeat(3, minmax(0, 1fr))}.so-content .address-cards{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}@media(min-width: 1536px){.address-cards{grid-template-columns:repeat(4, minmax(0, 1fr))}}.address-card{border:1px solid #eee;border-radius:.375rem;padding:1rem;min-height:4rem}.address-card:hover{border-color:#ddd;background-color:#fafafa;cursor:pointer}.address-card .address-card-header{display:flex;flex-wrap:nowrap;justify-content:space-between}.address-card .address-card-header-actions{display:flex;justify-content:flex-end}.address-card .address-card-label{background:#e6f1fe;color:#2563eb;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:500;margin-bottom:.75rem}.ltr .address-card .address-card-label{margin-right:.5rem}.rtl .address-card .address-card-label{margin-left:.5rem}.logoutwarningmodalshade,.loginmodalshade{z-index:1001}#logoutwarningmodal,#loginmodal,#elevatedsessionmodal,.prompt{width:500px}#logoutwarningmodal,#loginmodal{z-index:1001}.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}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}body:not(.reduce-focus-visibility) .video-transcript:focus,body.reduce-focus-visibility .video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-left:auto;margin-right:auto;max-width:550px;padding:var(--xl)}.menu,.ui-datepicker,.ui-timepicker-list{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px hsla(210,24%,16%,.1),0 5px 20px hsla(210,24%,16%,.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:hsl(209,18%,30%);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:table !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.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-top:-2px}.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 hsla(209,14%,37%,.25),0 1px 3px -1px hsla(209,14%,37%,.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}.menu .go:after{color:inherit}.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:hsl(211,12%,43%);--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) ul li a:not(.sel):not(.disabled):hover div.code,.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,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover div.code{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}.menu:not(.menu--disclosure) ul li a:not(.sel):not(.disabled):hover span.light,.menu:not(.menu--disclosure):not(:hover) ul li a:not(.disabled).hover span.light{color:var(--white) !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:hsl(209,18%,30%);background-color:hsl(212,60%,97%)}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}.selectize-control.single .selectize-input:not(.no-arrow)::after{display:none}.shadow-box{border-radius:var(--large-border-radius);border:1px solid var(--gray-200);box-shadow:0 1px 5px -1px hsla(210,24%,16%,.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 hsla(212,25%,50%,.25);background-color:hsl(212,50%,99%);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>.input input:disabled,.field>.input textarea:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin:5px 0 0}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--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;min-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;min-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,input.checkbox+label:before,div.checkbox,div.checkbox:before{border-radius:var(--small-border-radius)}input.checkbox+label:before,div.checkbox:before{display:block;position:absolute;top:0;width:var(--checkbox-size) !important;height:var(--checkbox-size);box-sizing:border-box;content:\"\";font-size:0;background-color:hsl(212,50%,99%);border:1px solid hsla(212,25%,50%,.4);background-clip:padding-box}body.ltr input.checkbox+label:before,body.ltr div.checkbox:before{left:0}body.rtl input.checkbox+label:before,body.rtl div.checkbox:before{right:0}body.ltr input.checkbox+label:empty,body.ltr div.checkbox:empty{padding-left:var(--checkbox-size)}body.rtl input.checkbox+label:empty,body.rtl div.checkbox:empty{padding-right:var(--checkbox-size)}input.checkbox+label:empty:after,div.checkbox:empty:after{content:\"\";font-size:0}input.checkbox+label .info,div.checkbox .info{height:16px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label:before,div.checkbox.checked:before,.sel div.checkbox:before,input.checkbox:indeterminate+label:before,div.checkbox.indeterminate:before{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)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon:before{--checkbox-size: 14px;--icon-opacity: 1;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:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}body:not(.reduce-focus-visibility) .monaco-mouse-cursor-text:focus,body.reduce-focus-visibility .monaco-mouse-cursor-text:focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin:5px 0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-top:2px}body.ltr .checkboxfield .instructions,body.ltr .checkboxfield .notice,body.ltr .checkboxfield .warning{padding-left: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:not-allowed}body.ltr input.radio+label:empty,body.ltr div.radio:empty{padding-left:var(--radio-size)}body.rtl input.radio+label:empty,body.rtl div.radio:empty{padding-right:var(--radio-size)}input.radio+label:before,input.radio+label:after,div.radio:before,div.radio:after{display:block;position:absolute;content:\"\";box-sizing:border-box;background-clip:padding-box;border-radius:100%}input.radio+label:before,div.radio:before{top:50%;left:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:hsl(212,50%,99%);border:1px solid hsla(212,25%,50%,.4)}input.radio+label:after,div.radio:after{top:50%;left:4px;transform:translateY(-50%);width:calc(var(--radio-size) - 8px);height:calc(var(--radio-size) - 8px)}input.radio:checked+label:after,div.radio.checked:after,.sel div.radio:after{background:var(--gray-900)}body:not(.reduce-focus-visibility) input.radio:focus+label:before,body:not(.reduce-focus-visibility) :focus div.radio:before{box-shadow:var(--focus-ring)}body.reduce-focus-visibility input.radio:focus-visible+label:before,body.reduce-focus-visibility :focus-visible div.radio:before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}body:not(.reduce-focus-visibility) .multiselect>select:focus,body.reduce-focus-visibility .multiselect>select:focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding:1px 8px}.text,.selectize.multiselect .selectize-input{padding:6px 9px}.text{background-color:var(--white)}.text:not(.small){box-sizing:border-box;min-height:2.125rem}.text.small{padding:3px}.text.readable{padding:16px 18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-top:-23px}body.ltr .text.clearable{padding-right:var(--touch-target-size)}body.rtl .text.clearable{padding-left:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.input.errors>.datetimewrapper .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 .texticon-icon{position:absolute;top:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center}body.ltr .texticon .texticon-icon{left:9px}body.rtl .texticon .texticon-icon{right:9px}.texticon .clear-btn{position:absolute;top:calc((var(--touch-target-size) - 34px)/-2);width:var(--touch-target-size);height:var(--touch-target-size)}body.ltr .texticon .clear-btn{right:0}body.rtl .texticon .clear-btn{left:0}body.ltr .texticon.has-filter-btn .text{padding-right:26px}body.rtl .texticon.has-filter-btn .text{padding-left:26px}.texticon.has-filter-btn .filter-btn{position:absolute;top:1.0625rem;transform:translateY(-50%);padding:0 7px 4px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}body.ltr .texticon.has-filter-btn .filter-btn{right:4px}body.rtl .texticon.has-filter-btn .filter-btn{left:4px}.texticon.has-filter-btn .filter-btn:before{font-family:\"Craft\";speak: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:\"filter\";color:var(--medium-text-color)}.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active{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:1.625rem}body.rtl .texticon.has-filter-btn .text{padding-right:1.625rem}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 !important}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;top:0;bottom:0;cursor:pointer}body.ltr .passwordwrapper .password-toggle{right:9px}body.rtl .passwordwrapper .password-toggle{left:9px}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn:before,.close-btn:after{position:absolute;content:\"\";top:50%;left:50%;height:15px;width:2px;background-color:var(--ui-control-color);opacity:var(--icon-opacity)}.close-btn:before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn:after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover:before,.close-btn:hover:after{background-color:var(--ui-control-hover-color)}.close-btn:active:before,.close-btn:active:after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;top:calc(50% - 12px);z-index:0;color:var(--light-text-color)}body.ltr .datewrapper .text:placeholder-shown+div[data-icon],body.ltr .datewrapper .text.empty-value+div[data-icon],body.ltr .timewrapper .text:placeholder-shown+div[data-icon],body.ltr .timewrapper .text.empty-value+div[data-icon]{left:14px}body.rtl .datewrapper .text:placeholder-shown+div[data-icon],body.rtl .datewrapper .text.empty-value+div[data-icon],body.rtl .timewrapper .text:placeholder-shown+div[data-icon],body.rtl .timewrapper .text.empty-value+div[data-icon]{right:14px}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text:placeholder-shown+div[data-icon]:before,.datewrapper .text.empty-value+div[data-icon],.datewrapper .text.empty-value+div[data-icon]:before,.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon]:before,.timewrapper .text.empty-value+div[data-icon],.timewrapper .text.empty-value+div[data-icon]:before{user-select:none;pointer-events:none;z-index:1}.datewrapper{width:8em}.timewrapper{width:7em}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--gray-400)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--gray-400)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--gray-400)}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--gray-400)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--gray-400)}input::placeholder,textarea::placeholder{color:var(--gray-400)}::-ms-reveal,::-ms-clear{display:none}tr.indexingSession td{height:34px;padding:1px 10px}tr.indexingSession td.progress div.progressContainer{width:100%;display:flex;justify-content:space-between;align-items:center}tr.indexingSession td.progress div.progressContainer .progressbar{width:70%;position:relative;left:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize):after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8;transform:rotate(45deg);position:absolute;z-index:1;top:calc(50% - 5px);user-select:none;pointer-events:none}body.ltr .select:not(.selectize):after{right:9px}body.rtl .select:not(.selectize):after{left:9px}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;font-size:14px;line-height:20px;color:hsl(209,18%,30%);background-color:hsl(212,25%,90%);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:hsl(212,25%,85%);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:hsl(212,25%,85%);box-shadow:var(--focus-ring)}.select:not(.selectize).small:after{top:9px}.select:not(.selectize).small select{padding-top:4px !important;padding-bottom:4px !important;font-size:11px}.selectize-control .selectize-input.disabled{opacity:1;cursor:not-allowed !important}.selectize-control .selectize-input.disabled *{cursor:not-allowed !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input:after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::-ms-input-placeholder,.selectize.select textarea::-ms-input-placeholder{color:var(--gray-700)}.selectize.select input:-moz-placeholder,.selectize.select textarea:-moz-placeholder{color:var(--gray-700)}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control:after{display:block;content:\"\";font-size:0;width: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:hsl(209,18%,30%);background-color:hsl(212,25%,90%);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:hsl(209,18%,30%);background-color:hsl(212,50%,93%);display:inline-flex;flex-direction:row;padding:3px 7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:hsl(212,30%,85%)}.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 [data-selectable],body .selectize-dropdown .option,body .selectize-dropdown .optgroup-header{margin:0 -14px;padding:10px 14px;color:hsl(209,18%,30%);text-decoration:none;white-space:nowrap}body .selectize-dropdown .optgroup{padding-top:5px}body .selectize-dropdown .optgroup:not(:first-child){border-top:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-left:24px}body .selectize-dropdown .optgroup-header{margin:14px 0 3px;font-size:11px;line-height:1.2;color:hsl(211,12%,43%);text-transform:uppercase;margin:0;padding:4px 0}body .selectize-dropdown .active:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:#fff;background-color:hsl(211,12%,43%);cursor:default !important}body .selectize-dropdown .selected .light{color:inherit !important}body .selectize-dropdown-content{z-index:100;border-radius:4px;padding:0 14px;overflow:auto;background:#fff;user-select:none;box-shadow:0 0 0 1px hsla(210,24%,16%,.1),0 5px 20px hsla(210,24%,16%,.25);max-height:70vh}body .selectize-dropdown-content .option{min-height:18px}body .selectize-dropdown-content>div[data-value=new]:before{font-family:\"Craft\";speak: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.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;top:-300px;-padding:10px;z-index:101 !important}body.ltr .ui-datepicker{margin-left:1px}body.rtl .ui-datepicker{margin-right:1px}.ui-datepicker-header{padding:8px 8px 4px}body.ltr .ui-datepicker-prev{float:left}body.rtl .ui-datepicker-prev{float:right}body.ltr .ui-datepicker-next{float:right}body.rtl .ui-datepicker-next{float:left}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover:after,.ui-datepicker-next:hover:after{border-color:var(--link-color)}.ui-datepicker-prev:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-prev:after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev:after{transform:rotate(-45deg)}.ui-datepicker-next:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;opacity:.8}body.ltr .ui-datepicker-next:after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next:after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-calendar th,.ui-datepicker-calendar td{padding:2px !important}.ui-datepicker-calendar th span,.ui-datepicker-calendar td a{display:block;width:1.625rem;line-height:26px;text-align:center;color:var(--text-color)}.ui-datepicker-calendar th span{color:var(--medium-text-color);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--light-sel-color);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.ui-datepicker-calendar td.ui-datepicker-today a{border-radius:13px;box-shadow:inset 0 0 0 2px var(--light-sel-color)}.ui-timepicker-wrapper{z-index:101}.ui-timepicker-list{overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}body.ltr .ui-timepicker-list{margin-left:1px}body.rtl .ui-timepicker-list{margin-right:1px}.ui-timepicker-list li{white-space:nowrap;cursor:pointer}body.ltr .ui-timepicker-list li{padding:2px 0 2px 14px}body.rtl .ui-timepicker-list li{padding:2px 14px 2px 0}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500;cursor:default}.slide-picker{display:flex;height:15px;white-space:nowrap}.slide-picker a{border:1px solid var(--hairline-color);background-image:none;width:7px;height:13px;margin-left:0;display:inline-block;margin-top:1px;margin-bottom:1px;box-sizing:border-box}body.ltr .slide-picker a{border-left:none}body.rtl .slide-picker a{border-right:none}.slide-picker a:first-child{width:8px}body.ltr .slide-picker a:first-child{border-left:1px solid var(--gray-400) !important}body.rtl .slide-picker a:first-child{border-right:1px solid var(--gray-400) !important}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-top-color:var(--gray-400);border-bottom-color:var(--gray-400);height:15px;margin-top:0;margin-bottom:0}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-left:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-right:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-top-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-top-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.active:first-child,body.ltr .slide-picker:hover a.active-hover:first-child{border-bottom-left-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.active:first-child,body.rtl .slide-picker:hover a.active-hover:first-child{border-bottom-right-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-right:1px solid var(--gray-400)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-left:1px solid var(--gray-400)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-top-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-top-left-radius:var(--small-border-radius)}body.ltr .slide-picker:not(:hover) a.last-active,body.ltr .slide-picker:hover a.last-active-hover{border-bottom-right-radius:var(--small-border-radius)}body.rtl .slide-picker:not(:hover) a.last-active,body.rtl .slide-picker:hover a.last-active-hover{border-bottom-left-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}ul.errors{margin-top:5px;list-style-type:square}body.ltr ul.errors{padding-left:20px}body.rtl ul.errors{padding-right:20px}ul.errors li{color:var(--error-color)}.message-container{position:absolute;z-index:100;top:0;width:100%;height:100%}body.ltr .message-container{left:0}body.rtl .message-container{right:0}.message-container.no-access{background-color:hsla(210,24%,16%,.5)}.message-container .pane{top:50%;margin-top:-33px !important;margin-left:auto;margin-right:auto;width:320px;box-shadow:0 25px 100px hsla(210,24%,16%,.5)}body.licensing-issues{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--padding)}body.licensing-issues #licensing-issues{display:flex;flex-direction:row;max-width:50em}body.licensing-issues #licensing-issues .buttons{justify-content:space-between}body.licensing-issues #licensing-issues .buttons [data-icon]{margin-left:0;margin-right:0}body.licensing-issues #continue{margin:0}.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 hsla(210,24%,16%,.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:hsl(211,12%,43%);text-transform:uppercase;margin-top:14px !important}.autosuggest__results-container .autosuggest__results-item{margin:0 -14px;padding:10px 14px;color:hsl(209,18%,30%);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:hsl(211,12%,43%);cursor:pointer}.autosuggest__results-container .autosuggest__results-item:hover .light,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted .light{color:hsl(212,50%,93%) !important}.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 hsla(210,24%,16%,.1),1px 0 0 0 hsla(210,24%,16%,.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(hsla(209, 20%, 25%, 0), hsla(209, 20%, 25%, 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:hsl(211,12%,42.5%)}.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:hsl(212,60%,95%)}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}body.ltr .matrixblock.disabled-entry>.titlebar{padding-right:90px}body.rtl .matrixblock.disabled-entry>.titlebar{padding-left:90px}.matrixblock.disabled-entry>.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:3px;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:var(--touch-target-size);min-height:var(--touch-target-size);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}body.sitepicker #main-content{padding:30px;justify-content:center;align-items:center;text-align:center}body.sitepicker #content-container{max-width:400px}.sitepicker-group li:not(:first-child) a{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-top-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-bottom-left-radius:0;border-bottom-right-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:left;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);font-size:16px;line-height:1.4}body.ltr .sitepicker-group li a{padding:9px 42px 9px 15px}body.rtl .sitepicker-group li a{padding:9px 15px 9px 42px}.sitepicker-group li a:after{font-size:14px;position:absolute;top:calc(50% - 7px);margin:0;padding:0}body.ltr .sitepicker-group li a:after{right:12px}body.rtl .sitepicker-group li a:after{left:12px}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5),only screen and (min-resolution: 1.5dppx){.structure ul li{background-size:40px}body.ltr .structure ul li{background-image:url(../images/branch_2x.png)}body.rtl .structure ul li{background-image:url(../images/branch_rtl_2x.png)}.hud .tip-left{background-image:url(../images/hudtip_left_2x.png);background-size:15px 30px}.hud .tip-top{background-image:url(../images/hudtip_top_2x.png);background-size:30px 15px}.hud .tip-right{background-image:url(../images/hudtip_right_2x.png);background-size:15px 30px}.hud .tip-bottom{background-image:url(../images/hudtip_bottom_2x.png);background-size:30px 15px}.hud.has-footer .tip-bottom{background-image:url(../images/hudtip_bottom_gray_2x.png)}}:root{--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--padding) * -1)}html{-webkit-text-size-adjust:100%;min-height:100vh}body{min-height:100vh}body.dragging *{cursor:move !important;cursor:grabbing !important}body :focus{outline-style:solid;outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.reduce-focus-visibility :focus:not(:focus-visible){box-shadow:none}.reduce-focus-visibility :focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{left:unset;width:auto;height:auto;background-color:var(--gray-100) !important}body.ltr .skip-link:focus{left:0}body.rtl .skip-link:focus{right:0}@media only screen and (min-width: 1200px){#global-skip-link{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;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 #system-name,#global-sidebar a{color:var(--gray-100)}#global-sidebar a{text-decoration:none}#global-sidebar>a[href]:not(.sel):hover,#global-sidebar *:not(.has-subnav)>a[href]:not(.sel):hover{background-color:hsl(209,20%,20%)}#global-sidebar>a:not([href]),#global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}#global-sidebar .light{color:var(--gray-400)}@media only screen and (max-width: 1199px){#global-sidebar{--is-always-visible: false}}#system-info{display:grid;grid-template-columns:30px auto;grid-gap:10px;height:50px;padding:0 10px;position:relative;flex:0 0 50px;flex-direction:row;align-items:center;background-color:hsl(209,20%,20%)}#system-info:after{display:none}div#system-info{cursor:default}a#system-info:focus,a#system-info:hover{background-color:hsl(209,20%,15%) !important}#site-icon{height:30px}#site-icon img,#site-icon svg{display:block;width:30px;height:30px;border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#system-name h2:after,#system-name .h2:after{display:block;content:\"\";font-size:0;position:absolute;top:0;width:var(--m);background-image:linear-gradient(to right, hsla(209, 20%, 20%, 0), hsl(209, 20%, 20%))}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, hsla(209, 20%, 15%, 0), hsl(209, 20%, 15%))}#job-icon{align-items:flex-start}#job-icon>span.icon{display:block;position:relative;width:16px;height:16px;margin-top:2px !important}#job-icon>span.icon>canvas{display:block;position:absolute;width:16px;height:16px}#job-icon>span.icon>canvas#job-icon-hover{opacity:0}#job-icon[href]:hover .icon>span.icon>canvas#job-icon-hover{opacity:1}#job-icon .progress-label{display:block;color:var(--gray-300);font-size:11px;line-height:1.5}#nav{flex:1;margin:22px 0 0;padding-bottom:var(--xl);overflow:visible}body.has-debug-toolbar #nav{padding-bottom:calc(42px + var(--xl))}#nav li:not(.has-subnav)>a.sel{color:var(--gray-800);background-color:var(--gray-100) !important;opacity:1}#nav li:not(.has-subnav)>a.sel .icon{opacity:1}#nav li a{position:relative;padding-left:var(--m);padding-right:var(--m)}#nav li a:focus{z-index:1}#nav li a.menubtn{line-height:26px}#nav li a.external:after{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"external\"}body.ltr #nav li a.external:after{margin-left:5px}body.rtl #nav li a.external:after{margin-right:5px}#nav li a .label,#nav li a .label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav li a .badge{background-color:var(--gray-200);color:var(--gray-800)}body.ltr #nav li a .badge{margin-right:0}body.rtl #nav li a .badge{margin-left:0}#nav li ul{display:block;margin-bottom:10px}#nav li ul li a{font-size:12px}body.ltr #nav li ul li a{padding:3px var(--m) 3px 42px !important}body.rtl #nav li ul li a{padding:3px 42px 3px var(--m) !important}#nav li ul li a:not(.active){color:var(--gray-200)}#global-footer{display:flex;flex-direction:column;align-items:center;padding:var(--m) var(--m) var(--xl);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-bottom:calc(var(--xl) + 42px)}#global-footer a{white-space:nowrap}#app-info{display:flex;flex-direction:row;justify-content:center;gap:var(--m)}#trial-info{padding:16px var(--xl);border-radius:var(--large-border-radius);background-color:hsl(212,40%,90%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 1px hsl(212,30%,80%),0 2px 12px hsla(212,30%,85%,.5);text-align:center}#app-version{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--gray-600);text-align:center;gap:var(--s)}#app-version a{color:var(--gray-600);text-decoration:underline}#app-version a.go:hover:after{color:var(--gray-600)}#edition-logo{position:relative;top:-1px;user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding:6px 7px;line-height:8px;font-weight:600;letter-spacing:1.7px;padding-right:5px;text-transform:uppercase}#devmode{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:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding:10px 24px;box-shadow:inset 0 -1px 0 0 var(--red-100)}#alerts>li .resolvable-alert-buttons{margin-top:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(207,17,36,.5);border-radius:var(--medium-border-radius);padding:4px 5px;margin:0 2px;color:var(--error-color);min-height:1.875rem}.flex #alerts>li .btn,.flex #alerts>li a.go{margin:0}#alerts>li .btn:hover,#alerts>li a.go:hover{border-color:var(--error-color)}#alerts>li a:not(.btn){color:var(--error-color);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go:after{color:var(--error-color);font-size:15px;margin-top:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header{width:100%;margin-bottom:var(--m);background:#fff;box-shadow:0 0 0 1px hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.5);background:var(--gray-050)}#global-header:focus{box-shadow:var(--focus-ring)}#global-header .flex{align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-500);--ui-control-active-color: var(--gray-600)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:50px;line-height:26px;color:currentColor;text-align:center}body.ltr .nav-toggle{margin-left:-10px}body.rtl .nav-toggle{margin-right:-10px}.nav-toggle:before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--gray-400)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important}#crumbs.empty{display:none}#crumbs a,#crumbs button{color:var(--light-text-color);transition:color linear 100ms}#crumbs a:hover,#crumbs button:hover{color:var(--link-color);text-decoration:none}#crumbs nav{margin:0}.breadcrumb-list{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap}.breadcrumb-list li{display:inline-flex;align-items:center}.breadcrumb-list li a,.breadcrumb-list li button{padding:15px 0}.breadcrumb-list li button{cursor:pointer}.breadcrumb-list li:after{display:block;content:\"\";font-size:0;width:7px;height:7px;border:solid var(--medium-hairline-color);border-width:0 2px 2px 0;opacity:.8}body.ltr .breadcrumb-list li:after{margin:0 8px 0 7px}body.rtl .breadcrumb-list li:after{margin:0 7px 0 8px}body.ltr .breadcrumb-list li:after{transform:rotate(-45deg)}body.rtl .breadcrumb-list li:after{transform:rotate(135deg)}.breadcrumb-list .menu--disclosure li{display:block}.breadcrumb-list .menu--disclosure li::after{content:none}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:30px;min-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:hsla(211,13%,65%,.15)}#announcements-btn.unread:after{content:\"\";display:block;position:absolute;top:3px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements-btn.unread:after{right:7px}body.rtl #announcements-btn.unread:after{left:7px}#announcements-btn svg{width:22px;height:22px}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-top:20px}#announcements .announcement .announcement-label-container{margin-top:-3px;display:flex;align-items:center;margin-bottom:3px}#announcements .announcement .announcement-label-container .announcement-icon svg{display:block;width:15px;height:15px}#announcements .announcement .announcement-label-container .announcement-label{margin-inline-start:5px;font-size:12px;color:var(--light-text-color)}#announcements .announcement.unread .announcement__heading:after{content:\"\";display:block;position:absolute;top:7px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}body.ltr #announcements .announcement.unread .announcement__heading:after{left:-13px}body.rtl #announcements .announcement.unread .announcement__heading:after{right:-13px}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin:0 0 3px;order:1}#user-info{display:flex;flex-direction:row;align-items:center;padding-top:5px;padding-bottom:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}body.ltr #user-info{padding-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,.header-photo svg{display:block;width:30px;height:30px;max-width:none;border-radius:50%;box-shadow:0 0 0 1px hsla(210,24%,16%,.05),0 0 0 hsla(210,24%,16%,0);transition:box-shadow linear 150ms}#user-info:hover .header-photo img,#user-info:hover .header-photo svg{box-shadow:0 0 0 1px hsla(210,24%,16%,.05),0 2px 10px -2px hsla(210,24%,16%,.3)}#main-container{position:relative;flex-grow:1}#notifications{position:fixed;bottom:8px;width:calc(100% - 16px);z-index:101}body.ltr #notifications{left:8px}body.rtl #notifications{right:8px}body.has-debug-toolbar #notifications{bottom:50px}@media only screen and (min-width: 974px){#notifications{width:350px}}#notifications .notification{display:flex;position:relative;background:#fff;box-shadow:0 0 0 1px hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.5);padding:10px 14px;border-radius:var(--large-border-radius);box-shadow:0 0 0 1px hsla(210,24%,10%,.15),0 2px 12px hsla(210,24%,10%,.15);--color: var(--notice-color)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success]{--color: var(--success-color)}#notifications .notification[data-type=error]{--color: var(--error-color)}#notifications .notification+.notification{margin-top:12px}#notifications .notification .notification-icon{width:18px;margin-top:-2px;font-size:18px;color:var(--color)}body.ltr #notifications .notification .notification-icon{margin-right:10px}body.rtl #notifications .notification .notification-icon{margin-left:10px}#notifications .notification .notification-body{display:flex;flex:1}#notifications .notification .notification-body .notification-message{font-weight:bold;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-top:var(--xs)}#notifications .notification .notification-body .notification-details .element{border:1px solid hsla(209,20%,25%,.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:hsla(211,13%,65%,0);box-shadow:0 1px 0 hsla(209,20%,25%,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 hsla(209,18%,30%,.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:hsla(212,50%,93%,.75);backdrop-filter:blur(10px)}}#header h1{line-height:34px;margin-top:0;margin-bottom:0;min-width:0}#header .buttons,#header .btngroup{margin-top:0}@media only screen and (min-width: 974px){#page-title.has-toolbar{min-width:calc(226px - var(--xl) - var(--s)) !important}}#toolbar{flex:1;align-items:flex-start;justify-content:space-between}#toolbar .icon:before,#toolbar .texticon:before,#toolbar .menubtn:after,#toolbar [data-icon]:before,#toolbar [data-icon-after]:after{color:currentColor;opacity:.8}#toolbar .text{border-radius:var(--large-border-radius)}#toolbar .text::-webkit-input-placeholder{color:var(--light-text-color)}#toolbar .text:-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text::-ms-input-placeholder{color:var(--light-text-color)}#toolbar .text:-moz-placeholder{color:var(--light-text-color)}#toolbar .text::-moz-placeholder{color:var(--light-text-color)}#toolbar .text::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}@media only screen and (max-width: 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 973px){#action-buttons{margin-top:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;width:calc(100vw - 226px);padding:0 var(--xl) 48px;box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 226px;width:226px;box-sizing:border-box}@media only screen and (min-width: 1200px){body.ltr #sidebar-container{margin-left:calc(var(--xl)*-1)}body.rtl #sidebar-container{margin-right:calc(var(--xl)*-1)}}#sidebar{box-sizing:border-box;padding:0 31px var(--m);width:226px;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed}#sidebar nav{margin-left:-31px;margin-right:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#content-container{flex:1}#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 hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.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{position:sticky;bottom:0;z-index:1;margin:25px calc(var(--xl)*-1 + 2px) calc(var(--xl)*-1 + 2px);padding:var(--s) var(--xl);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box;min-height:50px}#footer:empty{display:none}#footer.stuck{border-radius:0}@supports(backdrop-filter: blur(10px)){#footer.stuck{background-color:hsla(212,50%,93%,.75);backdrop-filter:blur(10px)}}.has-debug-toolbar #footer{transition:padding linear 100ms}.has-debug-toolbar #footer.stuck{padding-bottom:52px}#footer>*,#footer .flex>*{margin-bottom:0}#details-container{flex:0 0 388px;width:388px;box-sizing:border-box}body.ltr #details-container{margin-right:calc(var(--xl)*-1)}body.rtl #details-container{margin-left:calc(var(--xl)*-1)}#details{box-sizing:border-box;width:388px;z-index:1}body.ltr #details{padding-right:var(--xl)}body.rtl #details{padding-left:var(--xl)}body.ltr #details{padding-left:var(--m)}body.rtl #details{padding-right:var(--m)}#details.fixed{position:fixed}#details .details{padding-bottom:calc(var(--xl) + 11.5em)}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only):not(.warning){background:#fff;box-shadow:0 0 0 1px hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.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 hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.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:hsl(212,30%,75%) !important}body.showing-sidebar #sidebar-toggle:after{transform:rotate(45deg)}#content-container{min-height:0 !important}#sidebar-container,#details-container{width:auto !important}#sidebar,#details{position:static !important;overflow-y:visible !important;max-height:none !important;width:auto}#sidebar{margin-bottom:var(--m)}body:not(.showing-sidebar) #sidebar{display:none}body.ltr #details-container{margin-right:0}body.rtl #details-container{margin-left:0}#content-container{width:auto !important;max-width:none !important}#details{padding:0 !important;margin-top:var(--m)}#details .details{margin-bottom:auto}}@media only screen and (max-width: 767px){body.licensing-issues,#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:0 var(--xl)}.sidebar .heading:not(:first-child){margin-top:var(--m)}.sidebar .heading>span{display:inline-block;position:relative;z-index:1;padding:0 5px;margin:0 -5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar .heading>ul{margin:2px calc(var(--xl)*-1)}.sidebar nav{padding:0 var(--s)}body.ltr .sidebar nav>ul>li:not(.heading)>a,body.ltr .sidebar nav>ul>li.heading>ul>li>a{padding-left:24px}body.rtl .sidebar nav>ul>li:not(.heading)>a,body.rtl .sidebar nav>ul>li.heading>ul>li>a{padding-right:24px}body.ltr .sidebar nav>ul>li:not(.heading)>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>.toggle{left:calc(var(--m)*0)}body.rtl .sidebar nav>ul>li:not(.heading)>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>.toggle{right:calc(var(--m)*0)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-left:38px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-right:38px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{left:calc(var(--m)*1)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{right:calc(var(--m)*1)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-left:52px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-right:52px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*2)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*2)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:66px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:66px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*3)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*3)}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-left:80px}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-right:80px}body.ltr .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.ltr .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{left:calc(var(--m)*4)}body.rtl .sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,body.rtl .sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{right:calc(var(--m)*4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{text-decoration:none;background-color:var(--gray-100)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500) !important}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.sel+.toggle,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav)>a.active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.sidebar nav li a{position:relative;margin-bottom:1px;display:flex;flex-direction:row;align-items:center;padding:7px var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{flex-shrink:1;width:1.125rem;height:1.125rem;word-break:normal;transition:margin-left linear 150ms,margin-right linear 150ms;opacity:.85}body.ltr .sidebar nav li a .icon{margin-right:10px}body.rtl .sidebar nav li a .icon{margin-left:10px}.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentColor}.sidebar nav li a .icon svg{width:16px;height:16px}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{flex-shrink:1;padding:0 6px;font-size:11px;line-height:16px;border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}body.ltr .sidebar nav li a .badge{margin:0 -4px 0 10px}body.rtl .sidebar nav li a .badge{margin:0 10px 0 -4px}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;top:0;width:var(--xl);display:flex;align-items:center;justify-content:center}.sidebar nav li ul{display:none}.sidebar nav li.heading>ul,.sidebar nav li.expanded>ul{display:block}.error-summary{margin-bottom:var(--l);padding:var(--l) var(--xl) var(--xl);box-sizing:border-box;box-shadow:0 0 0 1px #cdd8e4,0 2px 12px rgba(205,216,228,.5);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary .notification-icon{color:var(--error-color);margin:-2px 6px 0 0;float:left}.error-summary h2{margin-top:var(--xs)}.error-summary>ul.errors li,.error-summary>ul.errors li a{color:var(--text-color)}.error-summary>ul.errors li em,.error-summary>ul.errors li a em{font-weight:600}.error-summary>ul.errors li:hover,.error-summary>ul.errors li a:hover{color:var(--link-color)}body.ltr .content.has-sidebar:not(.hiding-sidebar){margin-left:226px}body.rtl .content.has-sidebar:not(.hiding-sidebar){margin-right:226px}#content-notice{margin:0 calc(var(--xl)*-1);padding:0 var(--xl)}#content-notice:not(:last-child){padding-bottom:var(--s);border-bottom:1px solid var(--hairline-color);margin-bottom:var(--s)}#content :not(.meta)>.flex-fields,#content>.flex-fields,.so-content .flex-fields,.draghelper .flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin:0 calc(var(--row-gap)*-1) calc(var(--row-gap)*-1);width:calc(100% + var(--row-gap)*2)}#content :not(.meta)>.flex-fields>*,#content>.flex-fields>*,.so-content .flex-fields>*,.draghelper .flex-fields>*{margin:0 0 var(--row-gap) !important;padding:0 var(--row-gap);box-sizing:border-box}#content :not(.meta)>.flex-fields>h2,#content>.flex-fields>h2,.so-content .flex-fields>h2,.draghelper .flex-fields>h2{flex:4 0 100%}#content :not(.meta)>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),#content>.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.so-content .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))),.draghelper .flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){padding-top:var(--xl);border-top:1px solid var(--hairline-color)}#content :not(.meta)>.flex-fields>hr,#content :not(.meta)>.flex-fields>.line-break,#content>.flex-fields>hr,#content>.flex-fields>.line-break,.so-content .flex-fields>hr,.so-content .flex-fields>.line-break,.draghelper .flex-fields>hr,.draghelper .flex-fields>.line-break{flex:4 0 100%}#content :not(.meta)>.flex-fields>.line-break:not(:first-child),#content>.flex-fields>.line-break:not(:first-child),.so-content .flex-fields>.line-break:not(:first-child),.draghelper .flex-fields>.line-break:not(:first-child){margin-bottom:0 !important}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break),#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,#content>.flex-fields>:not(h2):not(hr):not(.line-break),#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child,.so-content .flex-fields>:not(h2):not(hr):not(.line-break),.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break),.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child{position:relative;width:100%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):before,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,.draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{position:absolute;top:0;width:1px;height:100%;content:\"\";background-color:hsla(212,30%,85%,.5)}body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.ltr .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{left:-1px}body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl #content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):before,body.rtl .draghelper .flex-fields>:not(h2):not(hr):not(.line-break):last-child:before{right:-1px}@media only screen and (min-width: 1536px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25{width:25%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-75,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-75,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-75{width:75%}}@media only screen and (min-width: 600px)and (max-width: 1535px){#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content :not(.meta)>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break).width-50,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,#content>.flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}@media only screen and (min-width: 1200px){.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.so-content .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break).width-50,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-25,.draghelper.drag-in-slideout .flex-fields>:not(h2):not(hr):not(.line-break):last-child.width-50{width:50%}}.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 hsla(209,18%,30%,.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:hsla(212,50%,93%,.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}body.ltr .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{left:calc(var(--m)*-1)}body.rtl .lp-editor-container .lp-editor .matrixblock>.fields>.flex-fields>.field>.status-badge{right:calc(var(--m)*-1)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;top:0;width:4px;height:100%;cursor:col-resize}body.ltr .lp-editor-container .lp-draghandle{right:-2px}body.rtl .lp-editor-container .lp-draghandle{left:-2px}.lp-preview-container{display:flex;flex-direction:column;box-shadow:-1px 0 0 hsla(209,18%,30%,.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:hsla(212,50%,93%,.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 .btn::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(../images/preview/icon-phone.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(../images/preview/icon-tablet.svg)}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(../images/preview/icon-desktop.svg)}.lp-preview-container .lp-preview-container__bumper-link{top:unset;bottom:0}.lp-preview-container .lp-device-mask{display:none}.lp-preview-container .lp-iframe-container{flex:1;overflow:auto}.lp-preview-container .lp-iframe-container .lp-preview{display:block;width:100%;min-height:100%}.lp-preview-container .lp-iframe-container:not(.lp-iframe-container--has-device-preview) .lp-device-preview-container{width:auto !important;height:100% !important;transform:none !important;margin:0 !important}.lp-preview-container .lp-iframe-container--has-device-preview{flex:none;padding-top:0 !important;position:relative;top:0;height:calc(100% - 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 hsla(212,25%,50%,.25);background-color:hsl(212,50%,99%);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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 50%, 95%) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px hsl(212,30%,75%)}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 hsla(210,24%,16%,.1),0 2px 5px -2px hsla(210,24%,16%,.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(212, 50%, 95%) 1px, transparent 0px),linear-gradient(to bottom, hsl(212, 50%, 95%) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-indicator{display:inline-flex;font-size:11px;color:var(--uicontrol-color)}body.ltr .fld-indicator{margin-left:4px}body.rtl .fld-indicator{margin-right:4px}body.ltr .fld-indicator+.fld-indicator{margin-left:2px}body.rtl .fld-indicator+.fld-indicator{margin-right:2px}.fld-element{position:relative;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)}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 hsla(210,24%,16%,.2)}.fld-element.fld-field{color:var(--medium-text-color);background-color:var(--gray-100)}.fld-element.fld-field:not(.draghelper){box-shadow:none}.fld-element.fld-field .fld-field-hidden:not(.hidden){margin-top:-3px}body.ltr .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-right:5px}body.rtl .fld-element.fld-field .fld-field-hidden:not(.hidden){margin-left:5px}.fld-element.fld-field .fld-field-hidden:not(.hidden):before{font-family:\"Craft\";speak:none;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:var(--icon-opacity);content:\"shuteye\"}.fld-element.fld-field .field-name .fld-element-label{margin-bottom:2px}.fld-element .fld-element-icon{text-align:center}body.ltr .fld-element .fld-element-icon{margin-right:5px}body.rtl .fld-element .fld-element-icon{margin-left:5px}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}.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 hsl(212,30%,85%),0 2px 12px hsla(212,30%,85%,.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:hsl(210,24%,11%)}.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:hsl(210,24%,14%)}.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%, hsla(210, 24%, 16%, 0) 15%, hsla(210, 24%, 16%, 0) 85%, var(--gray-900) 100%)}.menu.dark{background-color:var(--gray-600);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:500}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel):not(.disabled):hover{background-color:var(--gray-700)}_:-ms-lang(x),.elements .tableview td.checkbox-cell input.checkbox+label,.elements .tableview td.checkbox-cell div.checkbox{top:16px}_:-ms-lang(x),input.checkbox+label:empty,div:empty.checkbox{display:block}.yii-debug-toolbar__title a{display:block !important}","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n  --white: #fff;\n  --black: #000;\n\n  --gray-050-hsl: 212, 60%, 97%;\n  --gray-100-hsl: 212, 50%, 93%;\n  --gray-200-hsl: 212, 30%, 85%;\n  --gray-300-hsl: 211, 13%, 65%;\n  --gray-350-hsl: 211, 11%, 59%;\n  --gray-400-hsl: 210, 10%, 53%;\n  --gray-500-hsl: 211, 12%, 43%;\n  --gray-550-hsl: 210, 13%, 40%;\n  --gray-600-hsl: 209, 14%, 37%;\n  --gray-700-hsl: 209, 18%, 30%;\n  --gray-800-hsl: 209, 20%, 25%;\n  --gray-900-hsl: 210, 24%, 16%;\n  --gray-1000-hsl: 210, 24%, 10%;\n\n  --gray-050: hsl(var(--gray-050-hsl));\n  --gray-100: hsl(var(--gray-100-hsl));\n  --gray-200: hsl(var(--gray-200-hsl));\n  --gray-300: hsl(var(--gray-300-hsl));\n  --gray-350: hsl(var(--gray-350-hsl));\n  --gray-400: hsl(var(--gray-400-hsl));\n  --gray-500: hsl(var(--gray-500-hsl));\n  --gray-550: hsl(var(--gray-550-hsl));\n  --gray-600: hsl(var(--gray-600-hsl));\n  --gray-700: hsl(var(--gray-700-hsl));\n  --gray-800: hsl(var(--gray-800-hsl));\n  --gray-900: hsl(var(--gray-900-hsl));\n  --gray-1000: hsl(var(--gray-1000-hsl));\n\n  --red-050: #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  --orange-050: #fff7ed;\n  --orange-100: #ffedd5;\n  --orange-200: #fed7aa;\n  --orange-300: #fdba74;\n  --orange-400: #fb923c;\n  --orange-500: #f97316;\n  --orange-600: #ea580c;\n  --orange-700: #c2410c;\n  --orange-800: #9a3412;\n  --orange-900: #7c2d12;\n  --orange-950: #431407;\n\n  --amber-050: #fffbeb;\n  --amber-100: #fef3c7;\n  --amber-200: #fde68a;\n  --amber-300: #fcd34d;\n  --amber-400: #fbbf24;\n  --amber-500: #f59e0b;\n  --amber-600: #d97706;\n  --amber-700: #b45309;\n  --amber-800: #92400e;\n  --amber-900: #78350f;\n  --amber-950: #451a03;\n\n  --yellow-050: #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-750: #bd5a14;\n  --yellow-800: #b44d12;\n  --yellow-900: #8d2b0b;\n\n  --lime-050: #f7fee7;\n  --lime-100: #ecfccb;\n  --lime-200: #d9f99d;\n  --lime-300: #bef264;\n  --lime-400: #a3e635;\n  --lime-500: #84cc16;\n  --lime-600: #65a30d;\n  --lime-700: #4d7c0f;\n  --lime-800: #3f6212;\n  --lime-900: #365314;\n  --lime-950: #1a2e05;\n\n  --green-050: #f0fdf4;\n  --green-100: #dcfce7;\n  --green-200: #bbf7d0;\n  --green-300: #86efac;\n  --green-400: #4ade80;\n  --green-500: #22c55e;\n  --green-600: #16a34a;\n  --green-700: #15803d;\n  --green-800: #166534;\n  --green-900: #14532d;\n  --green-950: #052e16;\n\n  --emerald-050: #ecfdf5;\n  --emerald-100: #d1fae5;\n  --emerald-200: #a7f3d0;\n  --emerald-300: #6ee7b7;\n  --emerald-400: #34d399;\n  --emerald-500: #10b981;\n  --emerald-600: #059669;\n  --emerald-700: #047857;\n  --emerald-800: #065f46;\n  --emerald-900: #064e3b;\n  --emerald-950: #022c22;\n\n  --teal-050: #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  --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  --sky-050: #f0f9ff;\n  --sky-100: #e0f2fe;\n  --sky-200: #bae6fd;\n  --sky-300: #7dd3fc;\n  --sky-400: #38bdf8;\n  --sky-500: #0ea5e9;\n  --sky-600: #0284c7;\n  --sky-700: #0369a1;\n  --sky-800: #075985;\n  --sky-900: #0c4a6e;\n  --sky-950: #082f49;\n\n  --blue-050: #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  --indigo-050: #eef2ff;\n  --indigo-100: #e0e7ff;\n  --indigo-200: #c7d2fe;\n  --indigo-300: #a5b4fc;\n  --indigo-400: #818cf8;\n  --indigo-500: #6366f1;\n  --indigo-600: #4f46e5;\n  --indigo-700: #4338ca;\n  --indigo-800: #3730a3;\n  --indigo-900: #312e81;\n  --indigo-950: #1e1b4b;\n\n  --violet-050: #f5f3ff;\n  --violet-100: #ede9fe;\n  --violet-200: #ddd6fe;\n  --violet-300: #c4b5fd;\n  --violet-400: #a78bfa;\n  --violet-500: #8b5cf6;\n  --violet-600: #7c3aed;\n  --violet-700: #6d28d9;\n  --violet-800: #5b21b6;\n  --violet-900: #4c1d95;\n  --violet-950: #2e1065;\n\n  --purple-050: #faf5ff;\n  --purple-100: #f3e8ff;\n  --purple-200: #e9d5ff;\n  --purple-300: #d8b4fe;\n  --purple-400: #c084fc;\n  --purple-500: #a855f7;\n  --purple-600: #9333ea;\n  --purple-700: #7e22ce;\n  --purple-800: #6b21a8;\n  --purple-900: #581c87;\n  --purple-950: #3b0764;\n\n  --fuchsia-050: #fdf4ff;\n  --fuchsia-100: #fae8ff;\n  --fuchsia-200: #f5d0fe;\n  --fuchsia-300: #f0abfc;\n  --fuchsia-400: #e879f9;\n  --fuchsia-500: #d946ef;\n  --fuchsia-600: #c026d3;\n  --fuchsia-700: #a21caf;\n  --fuchsia-800: #86198f;\n  --fuchsia-900: #701a75;\n  --fuchsia-950: #4a044e;\n\n  --pink-050: #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  --rose-050: #fff1f2;\n  --rose-100: #ffe4e6;\n  --rose-200: #fecdd3;\n  --rose-300: #fda4af;\n  --rose-400: #fb7185;\n  --rose-500: #f43f5e;\n  --rose-600: #e11d48;\n  --rose-700: #be123c;\n  --rose-800: #9f1239;\n  --rose-900: #881337;\n  --rose-950: #4c0519;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n  --bg-color: $grey100;\n  --bg-color-hsl: #{hue($grey100)}, #{saturation($grey100)},\n    #{lightness($grey100)};\n\n  // submit button colors\n  --primary-color: var(--red-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: #1f5fea;\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(--dark-sel-color);\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-500);\n\n  // alert/notice colors\n  --error-color: #d81e23;\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  // misc colors\n  --indicator-border-color: var(--yellow-700);\n  --indicator-icon-color: var(--yellow-750);\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 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.woff2') format('woff2'),\n    url('../fonts/Craft.woff') format('woff'),\n    url('../fonts/Craft.ttf') format('truetype'),\n    url('../fonts/Craft.svg#Craft') format('svg');\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ----------------------------------------*/\n\n:root {\n  --ui-control-color: var(--gray-550);\n  --ui-control-hover-color: var(--gray-600);\n  --ui-control-active-color: var(--gray-700);\n  --ui-control-bg-color: #{transparentize($inputColor, 0.75)};\n  --ui-control-hover-bg-color: #{transparentize($inputColor, 0.7)};\n  --ui-control-active-bg-color: #{transparentize($inputColor, 0.5)};\n  --ui-control-border-radius: var(--large-border-radius);\n  --ui-control-height: calc((34rem / 16)); // 1rem == 16px\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  --elements-busy-top-position: calc(50% - var(--size, 20px) / 2);\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\n.offset-drag-helper {\n  transition: margin linear 200ms, padding linear 200ms;\n}\n\nbody.dragging.ltr .offset-drag-helper {\n  margin: -50px 0 0 -50px;\n  padding: 60px 0 0 60px;\n}\n\nbody.dragging.rtl .offset-drag-helper {\n  margin: -50px -50px 0 0;\n  padding: 60px 60px 0 0;\n}\n\nimg {\n  max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n  body.rtl .ltr & {\n    text-align: left !important;\n    direction: ltr !important;\n  }\n\n  body.ltr .rtl & {\n    text-align: right !important;\n    direction: rtl !important;\n  }\n}\n\n/* icons */\n.icon:before,\n.menu ul.padded li a.sel:before,\n.menu .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(--indicator-border-color);\n  border-radius: var(--small-border-radius);\n  color: var(--indicator-icon-color);\n  font-size: 9px;\n}\n\n.secure:before,\n.insecure:before {\n  margin-top: -3px;\n  font-size: 14px;\n}\n\n[data-icon]:before {\n  content: attr(data-icon);\n}\n\n[data-icon-after]:after {\n  content: attr(data-icon-after);\n}\n\nbody.rtl [data-icon='list']:before,\nbody.rtl [data-icon-after='list']:after {\n  content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']:before,\nbody.rtl [data-icon-after='structure']:after {\n  content: 'structurertl';\n}\n\n.icon.secure:before {\n  content: 'secure';\n}\n\n.icon.insecure:before {\n  content: 'insecure';\n}\n\n.icon.add:before {\n  content: 'plus';\n}\n\n.icon.edit:before {\n  content: 'edit';\n}\n\n.icon.settings:before {\n  content: 'settings';\n}\n\n.icon.search:before {\n  content: 'search';\n}\n\n.icon.expand:before {\n  content: 'expand';\n}\n\n.icon.collapse:before {\n  content: 'collapse';\n}\n\n.help:before {\n  content: 'help';\n  color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n  &:before {\n    @include margin-right(var(--xs));\n  }\n}\n\n.preview-btn:before {\n  margin-top: -2px;\n  content: 'view';\n}\n\n.view-btn:before {\n  body.ltr & {\n    content: 'share';\n  }\n  body.rtl & {\n    content: 'shareleft';\n  }\n}\n\n/* headings */\nh1,\n.h1 {\n  margin-bottom: 24px;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh2,\n.h2 {\n  margin: 14px 0;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh3,\n.h3 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh4,\n.h4 {\n  margin: 14px 0;\n  font-weight: bold;\n  line-height: 1.2;\n  color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n  margin: 14px 0 3px;\n  line-height: 1.2;\n  color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n  @include h6-styles;\n}\n\nh1[data-icon]:before {\n  @include margin(-8px, 10px, 0, 0);\n}\n\nh2[data-icon]:before {\n  @include margin(-4px, 6px, 0, 0);\n  font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n  margin: 24px 0;\n  border: none;\n  border-top: 1px solid var(--hairline-color);\n  height: 0;\n  color: transparent;\n}\n\n.pane hr {\n  margin: 24px -24px;\n}\n\n/* paragraphs */\np {\n  margin: 1em 0;\n}\n\nh5 + p {\n  margin-top: 0;\n}\n\nsup {\n  vertical-align: super;\n  font-size: smaller;\n}\n\nsub {\n  vertical-align: sub;\n  font-size: smaller;\n}\n\n.indent {\n  @include margin-left(14px);\n}\n\n/* lists */\n.bullets {\n  @include padding-left(40px);\n  list-style-type: square;\n}\n\nol {\n  @include padding-left(40px);\n  list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code {\n  @include fixed-width-font;\n\n  &.smalltext {\n    font-size: 0.8em !important;\n  }\n}\n\n.code {\n  input,\n  textarea {\n    @include fixed-width-font;\n    font-size: 1em !important;\n  }\n}\n\npre code {\n  display: block;\n  overflow-x: auto;\n}\n\n/* links */\na {\n  color: var(--link-color);\n  cursor: pointer;\n\n  &[aria-current] {\n    cursor: default;\n  }\n\n  body.underline-links & {\n    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\na [data-icon='external'] {\n  @include margin-left(var(--xs));\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.revision-notice {\n  display: flex;\n  align-items: center;\n  align-content: stretch;\n  justify-content: center;\n  gap: var(--s);\n  color: var(--gray-600);\n\n  #content-notice & {\n    display: inline-flex;\n    justify-content: flex-start;\n  }\n\n  p {\n    flex: 1;\n    margin: 0;\n  }\n\n  .revision-icon {\n    position: relative;\n    flex-shrink: 0;\n    width: 34px;\n    height: 34px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 100%;\n    border: 2px solid transparentize($grey800, 0.8);\n    box-sizing: border-box;\n    box-shadow: 0 1px 1px 1px var(--white);\n\n    &:before {\n      position: relative;\n      left: 1px;\n      color: var(--grey-800) !important;\n      font-size: 18px;\n    }\n\n    &:after {\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: -2px;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      border-radius: 100%;\n      box-shadow: inset 0 2px 0 transparentize($blue900, 0.8);\n    }\n  }\n}\n\n/* toggles */\nbutton.toggle {\n  appearance: none;\n  color: inherit;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.toggle:before,\na.fieldtoggle:before {\n  @include angle(right);\n  transition: transform linear 100ms;\n}\n\n.toggle.expanded:before,\na.fieldtoggle.expanded:before,\n.sidebar nav li.expanded > .toggle:before,\n.structure li:not(.collapsed) > .row > .toggle:before {\n  transform: rotate(45deg) !important;\n}\n\na.fieldtoggle {\n  display: block;\n  position: relative;\n  margin: 14px 0;\n  @include padding-left(12px);\n  color: var(--text-color);\n  text-decoration: none;\n}\n\na.fieldtoggle:before {\n  display: block;\n  position: absolute;\n  top: 7px;\n  @include left(-1px);\n}\n\n/* emphasis */\nem,\ni {\n  font-style: italic;\n}\nul.errors em {\n  font-style: normal;\n}\n\nstrong,\nb,\ni em {\n  font-weight: bold;\n}\n\n/* readable blocks */\n.readable {\n  @include readable;\n}\n\n/* text styles */\n.leftalign {\n  @include alignleft;\n}\n\n.topalign {\n  vertical-align: top;\n}\n\n.rightalign {\n  @include alignright;\n}\n\n.centeralign {\n  text-align: center !important;\n}\n\n.nowrap {\n  white-space: nowrap;\n}\n\n.break-word {\n  word-wrap: break-word;\n}\n\n.light {\n  color: var(--medium-text-color) !important;\n  font-weight: normal;\n}\n\n.extralight {\n  color: var(--light-text-color) !important;\n}\n\n.smalltext {\n  font-size: 12px;\n  line-height: 1.2;\n}\n\n.largetext {\n  font-size: 16px;\n  line-height: 1.2;\n}\n\n.zilch {\n  padding: 100px 0;\n  text-align: center;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--light-text-color);\n\n  &.small {\n    padding: 24px 0;\n    font-size: 16px;\n  }\n}\n\ninput.checkbox + label.smalltext {\n  padding-top: 2px;\n}\n\n.required:after {\n  content: 'asterisk';\n  @include margin(-2px, 0, 0, 5px);\n  font-size: 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-modal {\n  @include padding-left(200px);\n  overflow: visible !important;\n\n  & > .cs-sidebar {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    margin: 0;\n    padding: 10px 0;\n    border: none;\n    width: 200px;\n    height: calc(100% - 50px);\n    box-sizing: border-box;\n    background-color: var(--gray-050);\n    overflow: auto;\n    box-shadow: inset -1px 0 0 var(--hairline-color);\n    @include border-top-left-radius(var(--large-border-radius));\n\n    & > .btn {\n      @include margin(10px, 0, 0, 14px);\n      display: block;\n      width: calc(100% - 28px);\n    }\n  }\n\n  &.sidebar-hidden {\n    @include padding-left(0);\n\n    & > .cs-sidebar {\n      display: none;\n    }\n  }\n\n  & > .source-settings {\n    position: relative;\n    height: calc(100% - 50px);\n    box-sizing: border-box;\n    padding: 24px;\n    overflow: auto;\n  }\n\n  & > .footer {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n  }\n}\n\n.customize-sources-item {\n  --selected-item-color: var(--white);\n  display: flex;\n  width: calc(100% - 1px);\n  box-sizing: border-box;\n  align-items: center;\n  position: relative;\n  margin-top: -1px;\n  background-color: var(--gray-100);\n  border: solid var(--hairline-color);\n  border-width: 1px 0;\n  user-select: none;\n  cursor: default;\n\n  & + .customize-sources-item {\n    &.heading {\n      margin-top: 10px;\n    }\n\n    &:not(.heading) {\n      border-top: 1px solid var(--hairline-color);\n    }\n  }\n\n  &.sel {\n    @include light-focus-ring;\n    --ui-control-color: var(--selected-item-color);\n    background-color: var(--dark-sel-color);\n    color: var(--selected-item-color);\n    z-index: 1;\n  }\n\n  .label {\n    flex: 1;\n  }\n\n  &.heading {\n    .label {\n      text-transform: uppercase;\n      color: var(--light-text-color);\n      font-size: 12px;\n      font-weight: bold;\n    }\n\n    &.sel .label {\n      color: var(--selected-item-color);\n    }\n  }\n}\n\n.customize-sources-item__move {\n  position: absolute;\n  top: 50%;\n  @include right(0);\n  transform: translate(-50%, -50%);\n  justify-content: center;\n  align-items: center;\n\n  &.icon {\n    display: flex;\n    text-decoration: none;\n  }\n}\n\n.customize-sources-item__btn {\n  padding: 8px 14px;\n  @include padding-right(30px);\n  margin: 3px;\n}\n\n.customize-sources-table-column {\n  display: flex;\n  align-items: flex-start;\n  align-content: stretch;\n  margin-bottom: 4px;\n\n  .move {\n    margin-top: -3px;\n    @include margin-right(10px);\n    position: relative;\n    z-index: 1;\n  }\n}\n\nul.path {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  flex-wrap: wrap;\n\n  li {\n    display: inline-flex;\n    align-items: center;\n\n    &:not(:last-child):after {\n      @include margin(0, 5px, 0, 2px);\n      @include angle(right, var(--light-text-color), 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  }\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  max-width: 100%;\n}\n\n.flex-justify {\n  justify-content: space-between;\n}\n\n.flex-justify-start {\n  justify-content: flex-start;\n}\n\n.flex-justify-end {\n  justify-content: flex-end;\n}\n\n.flex-justify-center {\n  justify-content: center;\n}\n\n.flex-start {\n  align-items: flex-start;\n}\n\n.flex-end {\n  align-items: flex-end;\n}\n\n.flex-center {\n  align-items: center;\n}\n\n.flex-stretch {\n  align-items: stretch;\n}\n\n.spacer {\n  width: 14px;\n}\n\n.buttons {\n  display: flex;\n  gap: 7px;\n  position: relative;\n  margin: 24px 0;\n  align-items: center;\n\n  .hud-footer > &,\n  .footer > & {\n    margin: 0;\n  }\n}\n\n.btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--ui-control-border-radius);\n  padding: 7px 14px;\n  border: none;\n  text-align: center;\n  user-select: none;\n  box-sizing: border-box;\n  appearance: none;\n  color: currentColor;\n  font-size: inherit;\n  background-color: var(--ui-control-bg-color);\n\n  &:not([aria-current]) {\n    cursor: pointer;\n  }\n\n  &.chromeless {\n    background-color: transparent;\n    height: auto;\n    padding: 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-color: transparent;\n    }\n\n    &:hover,\n    &:active {\n      text-decoration: underline;\n    }\n  }\n\n  &.hairline,\n  &.link-btn {\n    border: 1px solid var(--medium-hairline-color);\n    background-color: transparent;\n\n    &:active,\n    &[aria-expanded='true'] {\n      background-color: var(--ui-control-static-bg-color);\n    }\n  }\n\n  &.hairline {\n    &:hover,\n    &:active,\n    &[aria-expanded='true'] {\n      border-color: var(--dark-hairline-color);\n    }\n  }\n\n  &.link-btn {\n    color: var(--link-color);\n\n    &:hover,\n    &:active,\n    &[aria-expanded='true'] {\n      border-color: var(--link-color);\n    }\n  }\n\n  &.wrap {\n    height: auto;\n    min-height: 34px;\n    white-space: initial;\n    text-align: left;\n  }\n\n  &:not(.disabled):not(.loading):not(.dashed):not([aria-disabled]):not(\n      [aria-current]\n    ) {\n    &:focus,\n    &.focus,\n    &:hover {\n      --ui-control-bg-color: var(--ui-control-hover-bg-color);\n    }\n\n    &:active,\n    &.active {\n      --ui-control-bg-color: var(--ui-control-active-bg-color);\n    }\n  }\n\n  &[type='color'] {\n    padding: 6px !important;\n    width: 36px;\n  }\n\n  &.active,\n  &.loading {\n    cursor: default;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &[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  [data-icon] {\n    margin-top: -2px;\n    @include margin-right(4px);\n\n    &.light:before {\n      color: var(--gray-300);\n    }\n  }\n}\n\n.disabled {\n  opacity: 0.25;\n  pointer-events: none;\n  user-select: none;\n}\n\n.noteditable {\n  cursor: not-allowed;\n\n  .element,\n  .lightswitch-container,\n  & + .colorhex {\n    cursor: not-allowed;\n  }\n}\n\n.btn {\n  min-height: var(--ui-control-height);\n}\n.spinner {\n  height: var(--ui-control-height);\n}\n\n.btn[data-icon-after]:not(:empty):not(.btn-empty):after,\n.menu-toggle:not(:empty):not(.btn-empty):after,\n.menubtn:not(: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  border-radius: var(--large-border-radius);\n\n  &.fullwidth .btn {\n    flex: 1;\n  }\n\n  &.disabled .btn {\n    cursor: default;\n  }\n\n  .btn {\n    &:focus {\n      z-index: 1;\n    }\n\n    &:not(.dashed):not(:last-child):not(.btngroup-btn-last) {\n      @include margin-right(1px);\n    }\n\n    body.ltr & {\n      &:not(:first-child):not(.btngroup-btn-first) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &:not(:last-child):not(.btngroup-btn-last) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    body.rtl & {\n      &:not(:first-child):not(.btngroup-btn-first) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      &:not(:last-child):not(.btngroup-btn-last) {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n  }\n}\n\n.btngroup--exclusive {\n  .btn[aria-pressed='true']:not(.disabled):not(.loading):not(.dashed):not(\n      [aria-disabled]\n    ) {\n    background-color: var(--gray-500);\n    color: var(--white);\n  }\n}\n\n.copytext {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  white-space: nowrap;\n  align-items: center;\n\n  body.ltr & {\n    .text {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      min-width: 0;\n    }\n    .btn {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n  }\n\n  body.rtl & {\n    .text {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n    }\n    .btn {\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n}\n\n.copytextbtn {\n  display: inline-flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border: 1px solid var(--hairline-color);\n  border-radius: var(--small-border-radius);\n  padding: 0 9px;\n  cursor: pointer;\n  color: var(--medium-text-color);\n\n  .copytextbtn__icon {\n    padding: 0;\n    width: 13px;\n    background: none;\n    margin-top: -3px;\n    @include margin-left(5px);\n    color: var(--light-text-color);\n  }\n\n  &:hover,\n  &:focus {\n    border-color: var(--medium-hairline-color);\n    color: var(--text-color);\n\n    .copytextbtn__value {\n      color: var(--text-color);\n    }\n  }\n\n  &.small {\n    padding: 0 5px;\n\n    .copytextbtn__value {\n      font-size: calc(11rem / 16);\n    }\n  }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn {\n  display: inline-flex;\n  align-items: center;\n  user-select: none;\n\n  &:after {\n    @include angle;\n    position: relative;\n  }\n\n  &.btn {\n    &:after {\n      top: -1px;\n    }\n\n    &:not(.disabled):not(.inactive) {\n      &:active,\n      &.active {\n        &:after {\n          border-color: var(--ui-control-active-color);\n        }\n      }\n    }\n\n    &.submit {\n      &:after {\n        border-color: var(--white) !important;\n        opacity: 0.8;\n      }\n\n      &:not(.disabled):not(.inactive) {\n        &:hover,\n        &.hover,\n        &:active,\n        &.active {\n          &:after {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n\n  &:not(.btn):not(.icon) {\n    height: 17px;\n    &:after {\n      top: -2px;\n      border-color: var(--link-color);\n    }\n  }\n\n  &:empty,\n  &.btn-empty {\n    @include padding-left(8px);\n    @include padding-right(8px);\n  }\n}\n\n@keyframes rotator {\n  0% {\n    -webkit-transform: rotate(0);\n    transform: rotate(0);\n  }\n\n  to {\n    -webkit-transform: rotate(1turn);\n    transform: rotate(1turn);\n  }\n}\n\n/* spinner */\n.spinner {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--size, 24px);\n  height: var(--size, 34px);\n\n  &:before {\n    display: block;\n    content: '';\n    font-size: 0;\n    animation: rotator 0.7s linear infinite;\n    box-sizing: border-box;\n    width: var(--size, 20px);\n    height: var(--size, 20px);\n    object-fit: scale-down;\n    border-radius: 50%;\n    border: 2px solid transparent;\n    border-right-color: currentColor;\n    border-bottom-color: currentColor;\n    opacity: 0.8;\n  }\n\n  &.small {\n    --size: 12px;\n  }\n\n  &.big {\n    --size: 48px;\n  }\n\n  &.spinner-absolute {\n    position: absolute;\n    width: var(--size, 20px);\n    height: var(--size, 20px);\n    top: var(--elements-busy-top-position);\n    left: calc(50% - var(--size, 20px) / 2);\n  }\n}\n\n.btn + .spinner {\n  @include margin-left(7px);\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n  @include margin-left(0);\n}\n\n.buttons.right .btn + .spinner {\n  @include margin-right(var(--neg-padding));\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n  padding: 0 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  min-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  min-height: 36px;\n}\n\n/* special buttons */\n.btn {\n  &.submit,\n  &.secondary {\n    color: var(--white) !important;\n    --ui-control-active-color: var(--white);\n    @include light-on-dark-text;\n  }\n\n  &.submit {\n    background-color: var(--primary-color) !important;\n\n    &:not(.disabled):not(.inactive):not(.loading) {\n      &:hover,\n      &.hover,\n      &:focus {\n        background-color: darken($primaryColor, 5%) !important;\n      }\n\n      &:active,\n      &.active {\n        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/* chevron buttons */\n.chevron-btns {\n  display: flex;\n  justify-content: flex-start;\n\n  .btn {\n    position: relative;\n    padding: 0;\n    border-radius: 0;\n    background-color: transparent;\n\n    &.current-step,\n    &.active-drop-target {\n      color: var(--white);\n      --text-color: var(--white);\n      --ui-control-color: var(--white);\n      --ui-control-bg-color: var(--gray-500);\n      --ui-control-hover-bg-color: #{darken($grey500, 5%)};\n      --ui-control-active-bg-color: #{darken($grey500, 10%)};\n    }\n\n    &.current-step {\n      @include light-on-dark-text;\n      @include light-focus-ring;\n    }\n\n    &:focus {\n      z-index: 1;\n      box-shadow: none;\n\n      .label {\n        z-index: 1;\n        box-shadow: var(--focus-ring);\n      }\n\n      .reduce-focus-visibility &:not(:focus-visible) .label {\n        box-shadow: none;\n      }\n    }\n\n    .reduce-focus-visibility &:focus-visible .label {\n      box-shadow: var(--focus-ring);\n    }\n\n    &:not(.has-action-menu) {\n      @include padding-right(calc(var(--ui-control-height) / 2));\n      @include margin-right(2.8px);\n\n      &:not(.current-step[data-disclosure-trigger]) .btn-body {\n        @include padding-right(5px);\n      }\n    }\n\n    &.current-step[data-disclosure-trigger] .btn-body {\n      @include padding-left(8px);\n\n      .label {\n        padding: 3px;\n\n        &:after {\n          @include angle;\n          position: relative;\n        }\n      }\n    }\n\n    .btn-body {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      height: var(--ui-control-height);\n      background-color: var(--ui-control-bg-color);\n\n      [data-icon] {\n        --ui-control-height: calc((13rem / 16)); // 1rem == 16px\n        text-align: center;\n        @include margin-right(0);\n      }\n    }\n\n    .label {\n      display: inline-flex;\n      align-items: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    &.has-action-menu .btn-body {\n      @include padding-right(1px);\n      @include margin-right(0);\n    }\n\n    .chevron-right,\n    .chevron-left {\n      position: absolute;\n      top: 0;\n      height: 100%;\n      width: calc(var(--ui-control-height) / 2);\n    }\n\n    .chevron-left {\n      @include left(0);\n      border-top: calc(var(--ui-control-height) / 2) solid\n        var(--ui-control-bg-color);\n      @include border-left(\n        calc(var(--ui-control-height) / 2) solid transparent\n      );\n\n      &:after {\n        display: block;\n        content: '';\n        font-size: 0;\n        position: absolute;\n        bottom: 0;\n        @include right(0);\n        border-bottom: calc(var(--ui-control-height) / 2) solid\n          var(--ui-control-bg-color);\n        @include border-left(\n          calc(var(--ui-control-height) / 2) solid transparent\n        );\n      }\n    }\n\n    .chevron-right {\n      @include right(0);\n      border-top: calc(var(--ui-control-height) / 2) solid transparent;\n      border-bottom: calc(var(--ui-control-height) / 2) solid transparent;\n      @include border-left(\n        calc(var(--ui-control-height) / 2) solid var(--ui-control-bg-color)\n      );\n    }\n  }\n\n  ol {\n    position: relative;\n    @include padding-left(0);\n    list-style-type: none;\n    display: flex;\n\n    li {\n      &.first-step .btn {\n        .btn-body {\n          @include padding-left(14px);\n          @include border-radius(\n            var(--ui-control-border-radius),\n            0,\n            0,\n            var(--ui-control-border-radius)\n          );\n        }\n\n        .chevron-left {\n          display: none;\n        }\n      }\n\n      &:not(.first-step) .btn {\n        @include margin-left(calc(-1 * (var(--ui-control-height) / 2)));\n        @include padding-left(calc(var(--ui-control-height) / 2));\n\n        .btn-body {\n          @include padding-left(7px);\n        }\n      }\n    }\n  }\n}\n\n/* color inputs */\n.color-input-container {\n  position: relative;\n\n  .color-hex-indicator {\n    position: absolute;\n    top: 0;\n    @include left(7px);\n    width: 1em;\n    line-height: 34px;\n    text-align: center;\n    user-select: none;\n  }\n}\n\n.color-input {\n  @include fixed-width-font;\n  @include padding-left(calc(7px + 1em));\n}\n\n.color {\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n  width: 34px;\n  height: 34px;\n  border-radius: 17px;\n  padding: 0;\n\n  &:not(.static):not(.noteditable) {\n    cursor: pointer;\n  }\n\n  &:not(.small) {\n    @include checkered-bg(17px);\n  }\n\n  &.small {\n    width: 16px;\n    height: 16px;\n    @include checkered-bg(8px);\n  }\n\n  .color-preview {\n    position: absolute;\n    top: 0;\n    @include left(0);\n    width: 100%;\n    height: 100%;\n    border-radius: 17px;\n    box-shadow: inset 0 0 0 1px transparentize($black, 0.85);\n\n    &:focus-within {\n      @include input-focused-styles;\n    }\n\n    & > .color-preview-input {\n      position: absolute;\n      @include left(0);\n      width: 100%;\n      height: 100%;\n      margin: 0;\n      padding: 0;\n      border: none;\n      opacity: 0;\n    }\n  }\n}\n\n.colorhex {\n  display: inline-block;\n  margin-left: 5px;\n  vertical-align: middle;\n  color: var(--medium-text-color);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n  display: flex;\n\n  .lightswitch-inner-container {\n    border: 1px solid var(--hairline-color);\n    border-radius: var(--small-border-radius);\n    display: flex;\n    align-items: center;\n    max-width: 100%;\n    padding-left: 7px;\n    padding-right: 7px;\n\n    span {\n      flex-grow: 1;\n      padding: 7px 0;\n      color: var(--medium-text-color);\n      cursor: default;\n      overflow: auto;\n      overflow-wrap: break-word;\n      hyphens: auto;\n\n      &[data-toggle='on'] {\n        @include margin-left(7px);\n      }\n\n      &[data-toggle='off'] {\n        @include margin-right(7px);\n        text-align: right;\n\n        body.rtl & {\n          text-align: left;\n        }\n      }\n    }\n  }\n}\n\n.lightswitch {\n  display: block;\n  position: relative;\n  border: none !important;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  background-image: linear-gradient(to right, var(--gray-400), var(--gray-400));\n  transition: background-image linear 100ms;\n\n  &.on {\n    background-image: linear-gradient(\n      to right,\n      var(--enabled-color),\n      var(--enabled-color)\n    );\n  }\n\n  &.indeterminate {\n    background-image: linear-gradient(\n      to right,\n      var(--enabled-color),\n      var(--gray-300)\n    );\n  }\n\n  .lightswitch-container {\n    position: relative;\n    height: 100%;\n\n    .handle {\n      position: absolute;\n      top: 1px;\n      background-color: var(--white);\n    }\n  }\n\n  &:not(.small) {\n    border-radius: 11px;\n    min-width: 34px;\n    width: 34px;\n    height: 22px;\n\n    .lightswitch-container {\n      @include margin-left(-12px);\n      width: 46px;\n\n      .handle {\n        border-radius: 10px;\n        width: 20px;\n        height: 20px;\n        left: calc(50% - 10px);\n      }\n    }\n  }\n\n  &.small {\n    border-radius: 9px;\n    width: 28px;\n    height: 18px;\n\n    .lightswitch-container {\n      @include margin-left(-10px);\n      width: 38px;\n\n      .handle {\n        border-radius: 8px;\n        width: 16px;\n        height: 16px;\n        left: calc(50% - 8px);\n      }\n    }\n  }\n\n  table & {\n    display: inline-block;\n    margin-bottom: -5px;\n  }\n\n  &.on {\n    .lightswitch-container {\n      @include margin-left(0);\n    }\n  }\n\n  &.indeterminate {\n    &:not(.small) {\n      .lightswitch-container {\n        @include margin-left(0.5 * -12px);\n      }\n    }\n    &.small {\n      .lightswitch-container {\n        @include margin-left(0.5 * -10px);\n      }\n    }\n  }\n}\n\n/* pagination */\n.pagination {\n  table.data + & {\n    margin-top: 24px;\n  }\n\n  .page-link {\n    width: 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      @include focus-styles {\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: -22px -22px -10px;\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(--small-border-radius));\n            @include border-bottom-left-radius(var(--small-border-radius));\n          }\n          &:last-child {\n            @include border-top-right-radius(var(--small-border-radius));\n            @include border-bottom-right-radius(var(--small-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          body:not(.dragging) &:not(.ordered):hover {\n            background-color: var(--gray-100);\n          }\n\n          &.ordered {\n            background-color: var(--light-sel-color);\n\n            &:not(.loading) {\n              button:after {\n                @include angle(up);\n                position: absolute;\n                @include right(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        --hover-bg-color: var(--gray-050);\n        --selected-bg-color: var(--dark-sel-color);\n\n        &:not(.disabled) {\n          &:hover {\n            th,\n            td {\n              background-color: var(--hover-bg-color);\n            }\n          }\n\n          &:focus {\n            position: relative;\n            z-index: 1;\n          }\n\n          &.sel,\n          &.active-drop-target {\n            --text-color: var(--white);\n            --medium-dark-text-color: var(--white);\n            --medium-text-color: var(--white);\n            --light-text-color: var(--white);\n            --link-color: var(--white);\n            --ui-control-color: var(--white);\n            @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n\n            th,\n            td {\n              color: var(--white);\n              background-color: var(--selected-bg-color);\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        padding-top: 7px;\n        padding-bottom: 7px;\n      }\n\n      td {\n        &.timestamp {\n          @include alignright;\n          vertical-align: bottom;\n          white-space: nowrap;\n          color: var(--light-text-color);\n        }\n      }\n    }\n\n    thead + tbody tr,\n    tr + tr {\n      th,\n      td {\n        border-top: 1px solid transparent;\n      }\n    }\n\n    tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n      th,\n      td {\n        border-top-color: var(--gray-300);\n      }\n    }\n\n    &.vuetable {\n      th.sortable {\n        &:hover {\n          color: var(--text-color);\n          background-color: var(--gray-100);\n        }\n\n        &.ordered {\n          background-color: var(--light-sel-color);\n\n          .sort-icon {\n            @include angle(up);\n            margin-top: 7px;\n          }\n\n          &.desc .sort-icon {\n            transform: rotate(45deg);\n            margin-top: 5px;\n          }\n        }\n      }\n    }\n  }\n\n  // collapsable data tables for small screens\n  // based on Aaron Gustafson's technique: http://blog.easy-designs.net/archives/2013/02/02/responsive-tables/\n  &.collapsed {\n    width: auto;\n\n    &,\n    tbody,\n    tbody tr,\n    tbody th,\n    tbody td {\n      display: block;\n      border: none;\n      padding: 0;\n      @include alignleft;\n      width: auto !important;\n      white-space: normal;\n    }\n\n    thead {\n      display: none;\n    }\n\n    tbody {\n      tr {\n        padding: 6px 0;\n        border-bottom: 1px dotted var(--hairline-color);\n\n        &:after {\n          @include clearafter;\n        }\n      }\n\n      th,\n      td {\n        padding: 2px 0 !important;\n      }\n\n      td {\n        &:empty {\n          display: none;\n        }\n      }\n\n      [data-title] {\n        @include margin-right(0);\n\n        &:before {\n          margin-right: 5px;\n          content: attr(data-title) ':';\n          font-weight: bold;\n        }\n\n        form {\n          display: inline-block;\n        }\n      }\n    }\n  }\n}\n\n.datatablesorthelper,\n.editabletablesorthelper {\n  background-color: var(--white);\n  @include shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .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  max-width: 100%;\n\n  .label {\n    .segment:after {\n      display: inline-flex !important;\n      position: relative;\n      top: -2px;\n      @include margin(0, 5px, 0, 2px);\n      @include angle(right, var(--light-text-color), 1px);\n\n      .sel & {\n        @include angle(right, var(--white), 1px);\n      }\n    }\n  }\n\n  &:focus,\n  li:focus & {\n    background-color: var(--gray-050);\n  }\n\n  &.sel,\n  li.sel &,\n  li.active-drop-target & {\n    --text-color: var(--white);\n    --medium-dark-text-color: var(--white);\n    --medium-text-color: var(--white);\n    --light-text-color: var(--white);\n    --link-color: var(--white);\n    --ui-control-color: var(--white);\n    @include custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n    color: var(--white);\n    background-color: var(--dark-sel-color) !important;\n  }\n\n  &.sel,\n  li.sel & {\n    cursor: default;\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  .offset-drag-helper & {\n    background-color: var(--gray-050);\n    @include shadow;\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      svg {\n        display: block;\n        flex-shrink: 0;\n        pointer-events: none;\n        border-radius: var(--small-border-radius);\n      }\n\n      img {\n        max-width: 100%;\n        max-height: 100%;\n      }\n\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n\n      &.rounded {\n        img,\n        svg {\n          border-radius: 50%;\n        }\n      }\n    }\n    .elementthumb.open-preview {\n      cursor: pointer;\n    }\n  }\n\n  &.error {\n    [data-icon='alert'] {\n      margin-left: var(--xs);\n    }\n  }\n\n  .label {\n    display: inline-block;\n    overflow: hidden;\n    vertical-align: bottom; // https://stackoverflow.com/a/37427386/1688568\n    text-overflow: ellipsis;\n    max-width: 100%;\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(0);\n      width: 100%;\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.element-index {\n  .source-path {\n    background-color: var(--gray-050);\n    border-radius: 3px;\n    --ui-control-bg-color: var(--light-sel-color);\n    --ui-control-hover-bg-color: #{darken($lightSelColor, 5%)};\n    --ui-control-active-bg-color: #{darken($lightSelColor, 10%)};\n\n    .chevron-btns {\n      display: inline-flex;\n      position: relative;\n      background: $white;\n      --ui-control-height: calc((30rem / 16)); // 1rem == 16px\n\n      &:before {\n        display: block;\n        content: '';\n        font-size: 0;\n        position: absolute;\n        top: 0;\n        width: 0;\n        height: 0;\n        @include right(0);\n        border-top: calc(var(--ui-control-height) / 2) solid $grey050;\n        @include border-left(\n          calc(var(--ui-control-height) / 2) solid transparent\n        );\n      }\n\n      &:after {\n        display: block;\n        content: '';\n        font-size: 0;\n        position: absolute;\n        top: calc(var(--ui-control-height) / 2);\n        @include right(0);\n        border-bottom: calc(var(--ui-control-height) / 2) solid $grey050;\n        @include border-left(\n          calc(var(--ui-control-height) / 2) solid transparent\n        );\n      }\n\n      .btn {\n        --ui-control-border-radius: 3px;\n      }\n    }\n\n    .btn.settings {\n      box-shadow: 0 0 0 2px var(--white);\n    }\n  }\n\n  &.main {\n    .source-path {\n      margin: -22px -22px 24px;\n    }\n  }\n\n  .elementselectormodal & {\n    .source-path {\n      margin-bottom: 2px;\n    }\n  }\n}\n\n.elements {\n  position: relative;\n\n  &:not(.busy) {\n    .update-spinner {\n      display: none;\n    }\n  }\n\n  &.busy {\n    min-height: 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: -22px -22px 24px;\n    padding: 14px 24px;\n    background-color: var(--gray-050);\n    box-shadow: none;\n    border-radius: var(--small-border-radius);\n\n    &:after {\n      content: '';\n    }\n\n    .selectallcontainer {\n      display: flex;\n      align-items: center;\n      gap: $elementInnerSpacing;\n      cursor: default;\n    }\n  }\n\n  .tableview tr.draggee th,\n  .tableview tr.draggee td,\n  .thumbsview li.draggee {\n    opacity: 0.25;\n  }\n\n  // table views\n  .tableview {\n    .move,\n    .toggle {\n      display: flex;\n      position: absolute;\n      justify-content: center;\n      align-items: center;\n      top: 50%;\n      transform: translateY(-50%);\n      @include margin-left(calc(var(--touch-target-size) * -1));\n      width: var(--touch-target-size);\n      height: var(--touch-target-size);\n    }\n\n    .move {\n      font-size: 11px;\n      text-decoration: none;\n    }\n\n    .toggle {\n      text-align: center;\n      padding: 4px;\n      border-radius: 50%;\n    }\n\n    .move + .toggle {\n      @include margin-left(calc(var(--touch-target-size) * -2));\n    }\n\n    .enabled-label {\n      margin-left: var(--xs);\n    }\n\n    tr.disabled {\n      opacity: 1;\n\n      & > th > *,\n      & > td {\n        opacity: 0.25;\n      }\n\n      & > th > button.toggle {\n        opacity: 1;\n        pointer-events: all;\n      }\n    }\n  }\n\n  // thumbs views\n  .thumbsview {\n    display: grid;\n    gap: 5px;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n\n    li {\n      position: relative;\n      @include margin(0, 1px, 1px, 0);\n      max-width: 226px;\n\n      &:hover {\n        .element {\n          background-color: var(--gray-050);\n        }\n      }\n\n      .element.large.hasthumb {\n        width: unset;\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      &.sel {\n        a {\n          cursor: pointer !important;\n\n          &:hover {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n  }\n}\n\n.export-form {\n  position: relative;\n  .spinner {\n    position: absolute;\n    bottom: 0;\n    @include right(-24px);\n  }\n}\n\n/* structures */\n.structure {\n  position: relative;\n  z-index: 1;\n\n  li {\n    @include padding-left(8px);\n\n    &.collapsed > ul {\n      display: none;\n    }\n\n    .row:hover > .icon,\n    &.draghelper > .row .move,\n    .add.active {\n      opacity: 1;\n    }\n\n    &.draghelper {\n      & > .row {\n        .add {\n          opacity: 0;\n        }\n\n        .move:before {\n          color: var(--link-color);\n        }\n      }\n    }\n\n    &.draginsertion {\n      position: relative;\n      @include margin(-1px, 0, -1px, 8px);\n      @include padding-left(0);\n      height: 2px;\n      background-color: var(--link-color) !important;\n      @include border-left(none);\n      border-radius: 1px;\n    }\n\n    .toggle {\n      position: relative;\n      z-index: 1;\n      @include floatleft;\n      @include margin(10px, -8px, 0, -12px);\n      padding: 4px;\n    }\n\n    .row:after {\n      @include clearafter;\n    }\n\n    .move,\n    .add {\n      @include margin(5px, 5px, 0, 0);\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    .add {\n      padding: 0 5px;\n\n      &:before {\n        content: 'downangle';\n        color: var(--dark-hairline-color);\n      }\n\n      &:not(.disabled):hover:before,\n      &.active:before {\n        color: var(--link-color);\n      }\n    }\n\n    .checkbox {\n      @include floatleft;\n      @include margin(7px, 0, 0, 7px);\n    }\n  }\n\n  ul {\n    @include margin-left(-3px);\n\n    li {\n      @include padding-left(38px);\n      background-repeat: no-repeat;\n      --background-position-x: 0;\n      --background-position-y: -2px;\n      background-position: var(--background-position-x)\n        var(--background-position-y);\n\n      body.ltr & {\n        background-image: url(../images/branch.png);\n      }\n\n      body.rtl & {\n        --background-position-x: 100%;\n        background-image: url(../images/branch_rtl.png);\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-x: -1px;\n        }\n\n        body.rtl & {\n          --background-position-x: calc(100% + 1px);\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 {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    &.flex-row {\n      flex-direction: row;\n    }\n\n    &.flex-wrap {\n      flex-wrap: wrap;\n    }\n\n    li {\n      max-width: 100%;\n    }\n  }\n\n  .elements:after {\n    @include clearafter;\n  }\n\n  .element {\n    @include margin(7px, 7px, 0, 0);\n  }\n\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  .flex {\n    padding-top: 7px;\n  }\n\n  .structure ul {\n    @include margin-left(12px);\n\n    li {\n      --background-position-y: 0;\n\n      .element {\n        margin: 0;\n      }\n    }\n  }\n}\n\n/* editable tables */\ntable.editable {\n  border-radius: var(--large-border-radius);\n  border: 1px solid var(--gray-200);\n\n  th,\n  td.heading,\n  td.action {\n    color: var(--medium-text-color);\n    font-weight: normal;\n    background-color: var(--gray-050);\n  }\n\n  thead,\n  tbody {\n    tr {\n      th {\n        padding: 6px 10px;\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        border-bottom: 1px solid var(--hairline-color);\n\n        &.has-info {\n          @include padding-right(calc(15px + 1em));\n        }\n\n        span.info {\n          position: absolute;\n          margin-left: 5px;\n        }\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      &:not(:first-child) {\n        th,\n        td {\n          border-top: 1px solid var(--hairline-color);\n        }\n      }\n\n      &:last-child {\n        td:first-child {\n          @include border-bottom-left-radius(var(--large-border-radius));\n\n          textarea,\n          input.text {\n            @include border-bottom-left-radius(\n              calc(var(--large-border-radius) - 1px)\n            );\n          }\n        }\n      }\n\n      td:not(:first-child),\n      th ~ td:not(.hidden) ~ td {\n        @include border-left(1px solid var(--hairline-color));\n      }\n\n      th {\n        // Set a dark border-left for the first <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          .editable-table-preview {\n            @include alignleft;\n            white-space: pre-wrap;\n\n            & + textarea {\n              opacity: 0;\n              height: 0;\n              min-height: 0;\n              padding-top: 0;\n              padding-bottom: 0;\n            }\n          }\n\n          textarea {\n            resize: none;\n          }\n\n          pre {\n            @include alignleft;\n            white-space: pre-wrap;\n          }\n        }\n\n        &.lightswitch-cell {\n          padding-top: 9px;\n          padding-bottom: 9px;\n\n          .lightswitch {\n            display: block;\n            margin: 0 auto;\n          }\n        }\n\n        &.checkbox-cell {\n          padding-top: 10px;\n          padding-bottom: 10px;\n\n          .checkbox-wrapper {\n            display: block;\n            margin: -2px auto 0;\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        &.error {\n          box-shadow: inset 0 0 0 1px var(--error-color);\n        }\n\n        &.disabled {\n          position: relative;\n          opacity: 1;\n\n          &:after {\n            content: '';\n            font-size: 0;\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: transparentize($grey050, 0.25);\n            user-select: none;\n          }\n        }\n\n        &.action {\n          padding: 4px 7px;\n\n          & + td.action {\n            @include border-left(none);\n            @include padding-left(0);\n          }\n        }\n\n        .flex > * {\n          margin-bottom: 0;\n        }\n      }\n    }\n\n    textarea,\n    textarea.text,\n    input.text,\n    pre,\n    .editable-table-preview {\n      display: block;\n      width: 100%;\n      border: none;\n      box-shadow: none;\n      border-radius: 0;\n      padding: 7px 10px;\n      line-height: 20px;\n      background-color: transparent;\n      overflow: hidden;\n      transition: none;\n      box-sizing: border-box;\n    }\n\n    .color-container {\n      display: block;\n      position: relative;\n\n      & > .color,\n      .color-input {\n        margin-bottom: 0;\n      }\n\n      & > .color {\n        position: absolute;\n        top: 10px;\n        @include left(10px);\n        z-index: 1;\n      }\n\n      .color-hex-indicator {\n        @include left(32px);\n      }\n\n      .color-input {\n        @include padding-left(calc(32px + 1em));\n      }\n    }\n\n    .datewrapper,\n    .timewrapper {\n      display: block;\n      width: calc(100% - 29px);\n\n      .text + div[data-icon] {\n        top: 6px;\n        @include left(10px);\n      }\n    }\n  }\n\n  &:not(.static) {\n    td.textual {\n      cursor: text;\n    }\n  }\n\n  & + .btn.add {\n    display: block;\n    width: 100%;\n  }\n\n  &:not(.hidden) + .btn.add {\n    border-top-width: 0;\n    border-radius: 0 0 var(--medium-border-radius) var(--medium-border-radius);\n  }\n}\n\n.border-box,\n.shadow-box {\n  & + .buttons {\n    margin-top: 7px;\n  }\n}\n\n/* ----------------------------------------\n/*  Nav\n/* ----------------------------------------*/\n\nul.tree,\n.tree ul {\n  @include margin-left(20px);\n}\n\n.tree li .toggle {\n  @include margin(7px, 0, 0, -15px);\n}\n\n/* status icons */\n.status {\n  display: inline-block;\n  position: relative;\n  @include margin-right(10px);\n  width: 10px;\n  height: 10px;\n  border: 1px solid transparent;\n  border-radius: 100%;\n  box-sizing: border-box;\n  background-clip: border-box;\n\n  body.use-shapes & {\n    &.all {\n      rotate: 45deg;\n      background-image: linear-gradient(30deg, #184cef, #e5422b);\n    }\n\n    &.pending {\n      background-color: transparent;\n      border-style: solid;\n      border-width: 0 5px 10px 5px;\n      border-color: transparent transparent var(--pending-color) transparent;\n      border-radius: 1px;\n    }\n\n    &.all,\n    &.off,\n    &.suspended,\n    &.expired {\n      border-radius: 2px;\n      transform: scale(90%);\n    }\n  }\n}\n\n.status:not(.on):not(.live):not(.active):not(.enabled):not(.all):not(\n    .pending\n  ):not(.off):not(.suspended):not(.expired):not(.yellow):not(.orange):not(\n    .red\n  ):not(.pink):not(.purple):not(.blue):not(.green):not(.turquoise):not(\n    .light\n  ):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.status.all {\n  background-image: linear-gradient(60deg, #184cef, #e5422b);\n  background-origin: border-box;\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(--padding) * -1);\n\n  &:first-child {\n    border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n    overflow: hidden;\n  }\n\n  [role='tablist'] {\n    flex: 1;\n    display: flex;\n    flex-direction: row;\n    overflow-x: auto;\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    &.scrollable {\n      body.ltr & {\n        mask-image: linear-gradient(\n          to left,\n          rgba(0, 0, 0, 0),\n          rgba(0, 0, 0, 1) 24px\n        );\n      }\n      body.rtl & {\n        mask-image: linear-gradient(\n          to right,\n          rgba(0, 0, 0, 0),\n          rgba(0, 0, 0, 1) 24px\n        );\n      }\n    }\n\n    [role='tab'] {\n      --tab-label-color: var(--light-text-color);\n\n      &.error {\n        --highlight-color: var(--error-color) !important;\n        --tab-label-color: var(--error-color) !important;\n      }\n\n      &,\n      .tab-label {\n        border-radius: 2px 2px 0 0;\n      }\n\n      .tab-label {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        position: relative;\n        padding: 0 var(--padding);\n        white-space: nowrap;\n        color: var(--tab-label-color);\n        height: 50px;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      @include focus-styles {\n        box-shadow: none;\n\n        .tab-label {\n          box-shadow: var(--inner-focus-ring);\n        }\n      }\n\n      &:not(.sel) {\n        &:hover {\n          background-color: transparentize($grey300, 0.85);\n        }\n      }\n\n      &.sel {\n        --highlight-color: var(--gray-500);\n        --tab-label-color: var(--text-color);\n        position: relative;\n        z-index: 1;\n        cursor: default;\n        box-shadow: inset 0 2px 0 var(--highlight-color),\n          0 0 0 1px $hairlineColor, 0 2px 12px transparentize($grey200, 0.5);\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    &.error {\n      span[data-icon] {\n        margin-right: 2px;\n      }\n    }\n  }\n}\n\n/* detail sidebars */\n.details {\n  --spacing: var(--l);\n  padding: 0 var(--padding) var(--spacing);\n\n  .meta,\n  .field,\n  hr {\n    margin-left: var(--neg-padding);\n    margin-right: var(--neg-padding);\n  }\n\n  .meta {\n    margin-bottom: var(--spacing);\n\n    &:not(.read-only) {\n      background-color: var(--gray-050) !important;\n    }\n\n    &.read-only {\n      color: var(--medium-text-color);\n\n      & > .data {\n        align-items: baseline;\n        min-height: auto;\n\n        & > .heading,\n        & > .value {\n          padding: 6px 0;\n        }\n\n        &:first-child {\n          & > .heading,\n          & > .value {\n            padding-top: 0;\n          }\n        }\n\n        &:last-child {\n          & > .heading,\n          & > .value {\n            padding-bottom: 0;\n          }\n        }\n      }\n    }\n\n    &.warning {\n      padding-top: var(--m);\n      padding-bottom: var(--m);\n      color: var(--text-color) !important;\n      background-color: var(--yellow-050) !important;\n      box-shadow: 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,\n  & > fieldset > legend {\n    margin: 0 0 var(--s);\n  }\n\n  & > .field > .heading > label,\n  & > fieldset > legend {\n    font-weight: normal;\n    color: var(--gray-600);\n  }\n\n  & > .field > .heading > label {\n    margin: 0;\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  & > fieldset {\n    margin: 0 0 var(--spacing);\n  }\n\n  & > .text {\n    border-radius: var(--large-border-radius);\n    margin-bottom: var(--spacing);\n\n    &:not(:focus) {\n      border-color: transparentize($inputColor, 0.6);\n    }\n  }\n}\n\n/* meta panes */\n$min2ColWidth: 400px;\n\n.meta {\n  padding: 0 var(--padding);\n  overflow: visible;\n\n  &,\n  & > .flex-fields {\n    & > .field,\n    & > .data {\n      display: flex;\n      min-height: 50px;\n      box-sizing: border-box;\n      flex-wrap: wrap; // for error lists\n      justify-content: space-between;\n      align-items: center;\n      margin: 0 var(--neg-padding) !important;\n      padding: 0 var(--padding);\n      transition: 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        margin: 0;\n\n        @media screen and (min-width: $min2ColWidth) {\n          flex: 0 0 104px;\n          @include margin-right(var(--s));\n          line-height: 18px;\n        }\n      }\n\n      &.lightswitch-field > .heading {\n        flex: 1;\n      }\n\n      & > .input {\n        .flex {\n          flex-wrap: nowrap;\n\n          & > * {\n            margin-bottom: 0;\n          }\n        }\n      }\n    }\n\n    & > .field > .heading {\n      padding-top: var(--s);\n\n      @media screen and (min-width: $min2ColWidth) {\n        padding: 14px 0;\n      }\n\n      & > .copytextbtn {\n        display: none;\n      }\n    }\n\n    & > .data > .heading {\n      padding: var(--s) 0;\n    }\n\n    & > .field > .heading > label,\n    & > .data > .heading {\n      color: var(--medium-text-color);\n    }\n\n    & > .field > .input,\n    & > .data > .value {\n      padding: var(--s) 0;\n      width: 100%;\n\n      @media screen and (min-width: $min2ColWidth) {\n        width: calc(100% - 116px);\n      }\n    }\n\n    & > .data > .value {\n      display: flex;\n      align-items: center;\n\n      & > [data-icon='draft'] {\n        margin-top: -2px;\n        @include margin-right(8px);\n      }\n    }\n\n    & > .field.lightswitch-field > .input {\n      flex: 0;\n      width: auto;\n    }\n\n    & > .field {\n      &.has-errors {\n        border: 1px solid var(--error-color) !important;\n\n        &:first-child {\n          border-top-left-radius: var(--large-border-radius);\n          border-top-right-radius: var(--large-border-radius);\n        }\n\n        &:last-child {\n          border-bottom-left-radius: var(--large-border-radius);\n          border-bottom-right-radius: var(--large-border-radius);\n        }\n\n        & + .field {\n          border-top: none !important;\n        }\n      }\n\n      & > .heading {\n        & > label,\n        & > legend {\n          font-weight: normal;\n        }\n      }\n\n      & > .input {\n        &,\n        & > .flex,\n        & > .flex > .textwrapper,\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          & > .text {\n            display: block;\n            margin: calc(var(--s) * -1) 0;\n            padding: 14px 0;\n            border-radius: 0;\n            background-color: transparent;\n            border: none !important;\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          background-color: transparent;\n          .text + div[data-icon] {\n            @include left(0);\n          }\n        }\n\n        & > .datetimewrapper {\n          gap: 0;\n\n          & > .datewrapper {\n            width: 55%;\n          }\n\n          & > .timewrapper {\n            width: 45%;\n          }\n\n          & > .clear-btn {\n            @include margin-right(-24px);\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper {\n          display: block;\n          width: 100%;\n        }\n      }\n\n      & > ul.errors {\n        margin: 0;\n        padding: 0 0 6px;\n        width: 100%;\n        list-style-type: none;\n      }\n\n      & > .clear-btn {\n        @include margin-right(var(--neg-padding));\n      }\n    }\n  }\n\n  & > .field:not(:first-child):not(.first-child),\n  & > .flex-fields + .field:not(.first-child) {\n    border-top: 1px solid var(--hairline-color);\n  }\n\n  & > .flex-fields {\n    h2,\n    blockquote.note {\n      margin: 0 -24px !important;\n      padding: 14px 24px;\n      background-color: darken($grey050, 2%);\n    }\n\n    blockquote.note {\n      border-radius: 0;\n      border: none;\n    }\n\n    hr {\n      margin: 0 -24px;\n    }\n  }\n}\n\n.meta > .field > .input > .select {\n  display: block;\n  margin: calc(var(--s) * -1) 0;\n  width: 100%;\n  border-radius: 0;\n  box-shadow: none;\n  background-color: transparent;\n\n  &:after {\n    @include right(0);\n  }\n\n  & + .spinner {\n    position: absolute;\n    top: calc(50% - 17px);\n    @include right(-24px);\n  }\n\n  select {\n    @include padding(var(--s), 12px, var(--s), 0);\n    width: 100%;\n    background-color: transparent;\n  }\n}\n\n.body {\n  position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.modal,\n.hud {\n  @include modal;\n}\n\n.slideout-shade {\n  opacity: 0;\n  transition: opacity linear 250ms;\n\n  &.so-visible {\n    opacity: 1;\n  }\n}\n\n.slideout-container {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  height: -webkit-fill-available; // h/t https://twitter.com/AllThingsSmitty/status/1254151507412496384\n  pointer-events: none;\n\n  &.so-lp {\n    position: absolute;\n    top: var(--m);\n    left: var(--m);\n    width: calc(100% - var(--m) * 2);\n    height: calc(100vh - var(--m) * 2);\n  }\n\n  body.has-debug-toolbar & {\n    height: calc(100vh - 42px);\n  }\n}\n\n.slideout {\n  position: absolute;\n  background-color: var(--white);\n  box-shadow: 0 0 0 1px transparentize($grey400, 0.75),\n    0 25px 100px transparentize($grey900, 0.5) !important;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 24px var(--padding);\n  pointer-events: all;\n  container-type: inline-size;\n\n  &.so-mobile,\n  &.so-lp {\n    width: 100% !important;\n    height: 100% !important;\n    left: 0;\n    transition: top linear 250ms;\n    will-change: top;\n  }\n\n  &.so-mobile {\n    --padding: 14px;\n    --neg-padding: -14px;\n  }\n\n  &:not(.so-mobile) {\n    border-radius: var(--large-border-radius);\n  }\n\n  &:not(.so-mobile):not(.so-lp) {\n    top: 8px;\n    width: calc(50% - 8px);\n    height: calc(100% - 16px);\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      body.ltr & {\n        transition: left linear 250ms;\n        will-change: left;\n      }\n\n      body.rtl & {\n        transition: right linear 250ms;\n        will-change: right;\n      }\n    }\n  }\n\n  & > .pane-header {\n    padding-left: var(--padding);\n    padding-right: var(--padding);\n    z-index: 2;\n\n    & > .so-toolbar {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--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-body {\n    flex: 1;\n    margin: -24px var(--neg-padding) 0;\n    overflow: hidden auto;\n    position: relative;\n\n    &.so-full-details,\n    & > .so-sidebar {\n      background-color: var(--gray-100) !important;\n    }\n\n    &:not(.so-full-details) {\n      padding: 24px var(--padding);\n    }\n\n    & > .so-sidebar,\n    &.so-full-details > .so-content > .details {\n      box-sizing: border-box;\n      padding: 0 var(--padding) var(--spacing);\n\n      & > .preview-thumb-container {\n        margin: 0 var(--neg-padding);\n        height: auto;\n        min-height: 54px; // make room for the Preview / Edit buttons\n\n        & + .pane-header {\n          border-radius: 0;\n        }\n      }\n\n      .image-actions {\n        &.is-mobile {\n          margin: calc(var(--spacing) / 2) 0 var(--spacing);\n        }\n      }\n\n      & > .meta.read-only:first-child {\n        margin-top: var(--padding);\n      }\n\n      & > .meta.warning {\n        box-shadow: none;\n        border-bottom: 1px solid var(--yellow-300);\n      }\n\n      & > .field {\n        & > .input > .text.fullwidth {\n          border-radius: 0;\n        }\n      }\n\n      .notes {\n        padding-top: var(--m);\n        padding-bottom: var(--m);\n      }\n    }\n\n    & > .so-sidebar {\n      position: absolute;\n      top: 0;\n      @include pane();\n      width: 350px;\n      height: 100%;\n      max-width: 100%;\n      overflow: hidden auto;\n      z-index: 1001;\n\n      body.ltr & {\n        transition: right linear 250ms;\n      }\n      body.rtl & {\n        transition: left linear 250ms;\n      }\n    }\n  }\n\n  & > .so-footer {\n    position: relative;\n    display: flex;\n    gap: 8px;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    margin: 0 var(--neg-padding) -24px;\n    padding: 8px var(--padding);\n    @include pane;\n    background-color: var(--gray-050);\n    z-index: 3;\n\n    & > .so-extra {\n      flex: 0 0 100%;\n      margin: 0 var(--neg-padding);\n      padding: 0 var(--padding) 8px;\n      border-bottom: 1px solid var(--hairline-color);\n    }\n  }\n}\n\n@container (width > 700px) {\n  .slideout {\n    &.has-sidebar {\n      .pane-header:not(.so-visible) {\n        display: none;\n      }\n\n      .sidebar-btn {\n        display: none;\n      }\n\n      .so-body {\n        display: flex;\n        flex-direction: row;\n        padding: 0;\n        overflow: hidden;\n\n        & > .so-content {\n          position: relative;\n          z-index: 2;\n          padding: 24px;\n          width: calc(100% - 350px);\n          height: 100%;\n          box-sizing: border-box;\n          @include border-right(1px solid var(--gray-200));\n          overflow: hidden auto;\n        }\n\n        & > .so-sidebar {\n          position: relative;\n          display: block !important;\n          top: auto;\n          right: auto !important;\n          left: auto !important;\n          height: 100%;\n          box-shadow: none;\n        }\n      }\n    }\n\n    & > .so-footer {\n      & > .so-extra {\n        margin: 0;\n        padding: 0;\n        border: none;\n        flex: auto 0 1;\n      }\n    }\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer,\n.body {\n  &:after {\n    @include clearafter;\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n  border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n  padding: 24px;\n  box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n  h1 {\n    margin: 0;\n  }\n}\n\n.footer,\n.hud-footer {\n  border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n  padding: var(--s) var(--xl);\n  box-shadow: inset 0 1px 0 var(--hairline-color);\n\n  &.flex {\n    & > * {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.modal .body,\n.hud .main {\n  padding: 24px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n  .header {\n    margin: -24px -24px 24px;\n  }\n\n  .footer {\n    margin: 24px -24px -24px;\n  }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n  z-index: 100;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: none;\n}\n\n.slideout-shade,\n.modal-shade {\n  &:not(.dark) {\n    background-color: transparentize($grey400, 0.65) !important;\n  }\n\n  &.dark {\n    background-color: transparentize($grey900, 0.5) !important;\n  }\n}\n\n.modal {\n  position: fixed;\n  overflow: hidden;\n\n  &:not(.fitted):not(.fullscreen) {\n    width: 66%;\n    height: 66%;\n    min-width: 600px;\n    min-height: 400px;\n  }\n\n  &.fitted {\n    width: auto;\n    height: auto;\n    min-width: 0;\n    min-height: 0;\n  }\n\n  &.fullscreen {\n    width: 100%;\n    height: 100%;\n    border-radius: 0;\n  }\n\n  &.alert .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-6px, 0, 0, -58px);\n      @include floatleft;\n      content: 'alert';\n      font-size: 40px;\n      color: var(--light-text-color);\n    }\n  }\n\n  &.secure .body {\n    @include padding-left(76px);\n\n    &:before {\n      @include icon;\n      @include margin(-14px, 0, 0, -56px);\n      @include floatleft;\n      content: 'secure';\n      font-size: 58px;\n      color: var(--light-text-color);\n    }\n  }\n\n  .resizehandle {\n    position: absolute;\n    z-index: 1;\n    bottom: 0;\n    @include right(0);\n    width: 24px;\n    height: 24px;\n    cursor: nwse-resize;\n    padding: var(--xs);\n\n    path {\n      fill: var(--ui-control-color);\n    }\n\n    body.rtl & {\n      .ltr {\n        display: none;\n      }\n    }\n\n    body.ltr & {\n      .rtl {\n        display: none;\n      }\n    }\n  }\n}\n\n.hud {\n  position: absolute;\n  display: none;\n  top: 0;\n\n  &.tooltip-hud {\n    display: block;\n  }\n\n  &.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray.png);\n  }\n\n  .tip {\n    position: absolute;\n    z-index: 101;\n    background: no-repeat 0 0;\n  }\n\n  .tip-left {\n    left: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_left.png);\n  }\n\n  .tip-top {\n    top: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_top.png);\n  }\n\n  .tip-right {\n    right: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url(../images/hudtip_right.png);\n  }\n\n  .tip-bottom {\n    bottom: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url(../images/hudtip_bottom.png);\n  }\n}\n\n.hud .hud-header,\n.hud .hud-footer {\n  padding: var(--s) var(--xl);\n}\n\n.hud .body {\n  overflow: hidden;\n\n  ::-webkit-scrollbar {\n    appearance: none;\n\n    &:vertical {\n      width: 11px;\n    }\n\n    &:horizontal {\n      height: 11px;\n    }\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 8px;\n    border: 2px solid transparent;\n    background-color: transparentize($black, 0.5);\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: var(--gray-050);\n  }\n}\n\n/* inline asset previews */\n\n.preview-thumb-container {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 190px;\n  background-color: var(--gray-900);\n  margin: 0 var(--neg-padding) var(--spacing);\n\n  &.checkered img {\n    background-color: var(--white);\n    @include checkered-bg(17px);\n  }\n\n  &.editable {\n    cursor: pointer;\n  }\n\n  &.loading {\n    &:after {\n      content: '';\n      font-size: 0;\n      display: block;\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n      background-color: transparentize($grey900, 0.2);\n    }\n\n    .spinner {\n      color: var(--white);\n      z-index: 1;\n    }\n  }\n\n  #details & {\n    border-radius: var(--large-border-radius);\n    overflow: hidden;\n  }\n\n  .preview-thumb {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n\n    img {\n      display: block;\n      max-width: 100%;\n      max-height: 190px;\n    }\n  }\n}\n\n.image-actions {\n  &.is-mobile {\n    margin: calc((var(--spacing) / 2) * -1) var(--neg-padding) var(--spacing);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.button-fade {\n  .buttons {\n    opacity: 0;\n    position: absolute;\n    top: 10px;\n    @include right(10px);\n    margin: 0;\n    transition: opacity linear 100ms;\n\n    .btn {\n      --ui-control-color: var(--white);\n      --ui-control-hover-color: var(--white);\n      --ui-control-active-color: var(--white);\n      --interaction-background-color: var(--gray-700);\n      background-color: var(--gray-600);\n      color: var(--white);\n      @include light-on-dark-text;\n      @include two-color-focus-ring($light-button: false);\n\n      &:hover {\n        background-color: var(--interaction-background-color) !important;\n      }\n\n      &:not(.disabled):not(.loading):not(.dashed) {\n        &:focus,\n        &.focus,\n        &:hover {\n          background-color: var(--interaction-background-color);\n        }\n      }\n    }\n  }\n\n  &:hover,\n  &:focus-within {\n    .buttons {\n      opacity: 1;\n    }\n  }\n}\n\n/* element selector modals */\n.elementselectormodal {\n  --content-padding: 24px;\n  padding-bottom: 50px;\n  user-select: none;\n\n  .header {\n    padding-top: 14px;\n    padding-bottom: 14px;\n    text-align: center;\n\n    & + .body {\n      height: calc(100% - 48px) !important;\n    }\n  }\n\n  .body {\n    position: relative;\n    height: 100%;\n\n    .spinner.big {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -24px 0 0 -24px;\n    }\n\n    .content {\n      height: calc(100% + 48px);\n\n      .sidebar {\n        position: absolute;\n        top: 0;\n        @include margin-left(-249px);\n        height: 100%;\n        overflow: auto;\n        padding: var(--content-padding) 0;\n      }\n\n      .main {\n        margin: -24px;\n        padding: var(--content-padding);\n        height: 100%;\n        box-sizing: border-box;\n        overflow: auto;\n        position: relative;\n\n        .elements {\n          &.busy {\n            min-height: calc(100% - 48px);\n          }\n\n          .tableview table {\n            .element {\n              display: inline-block;\n            }\n\n            tr {\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 selector modals & customize sources modal */\n.elementselectormodal,\n.customize-sources-modal {\n  .main-header {\n    display: flex;\n    align-items: center;\n    margin-bottom: var(--s);\n  }\n\n  .main-heading {\n    margin-bottom: 0;\n  }\n\n  .nav-toggle {\n    @include margin-left(4px);\n    @include touch-target;\n    color: var(--ui-control-color);\n\n    &:hover {\n      color: var(--gray-500);\n    }\n  }\n\n  .sidebar-header {\n    display: flex;\n    justify-content: flex-end;\n    padding: 0 var(--s);\n    margin-bottom: var(--s);\n  }\n\n  .nav-close {\n    @include touch-target;\n  }\n}\n\n/* element editing HUD */\n.element-hud-form {\n  .buttons {\n    position: relative;\n\n    .spinner {\n      position: absolute;\n      top: 0;\n      @include right(-24px);\n    }\n  }\n}\n\n/* recent activity container */\n.activity-container {\n  &:not(:last-child) {\n    @include margin-right(var(--s));\n  }\n\n  ul {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: var(--xs);\n\n    li {\n      .activity-btn {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        display: block;\n\n        .elementthumb {\n          position: relative;\n          width: 100%;\n          height: 100%;\n          border-radius: 50px;\n          background: var(--gray-050);\n          overflow: hidden;\n          border: 2px solid var(--white);\n          box-shadow: 0 1px 2px 1px transparentize($grey900, 0.9);\n\n          img,\n          svg {\n            display: block;\n            width: 100%;\n            height: 100%;\n          }\n        }\n      }\n\n      &:not(:last-child) {\n        @include margin-right(-10px);\n      }\n    }\n  }\n}\n\n/* element index view menu */\n.element-index-view-menu {\n  width: 400px;\n  max-width: calc(100% - 20px);\n  padding: 0 !important;\n\n  .meta {\n    padding-top: var(--s);\n    padding-bottom: var(--s);\n  }\n\n  .table-columns-field {\n    align-items: flex-start;\n\n    .input {\n      padding: 13px 0;\n    }\n  }\n\n  .menu-footer {\n    margin: 0 !important;\n    padding: var(--s) var(--xl) !important;\n    background-color: var(--gray-050);\n  }\n}\n\n.element-index-view-menu-table-column {\n  display: flex;\n  align-items: start;\n  align-content: stretch;\n  margin-bottom: 4px;\n\n  .icon.move {\n    margin-top: -3px;\n    @include margin-right(10px);\n    position: relative;\n    z-index: 1;\n  }\n}\n\n/* sort fields */\n.sort-field {\n  .input {\n    .flex {\n      .btngroup {\n        .btn {\n          width: 42px;\n        }\n      }\n\n      .flex-grow {\n        max-width: calc(100% - 85px - var(--s));\n      }\n\n      @media screen and (max-width: 350px) {\n        flex-direction: column;\n\n        & > * {\n          width: 100%;\n        }\n\n        .flex-grow {\n          max-width: none;\n        }\n      }\n    }\n  }\n}\n\n/* element filter HUD */\n.element-filter-hud {\n  &.loading .body {\n    padding: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .body,\n  .main {\n    overflow: visible;\n  }\n}\n\n/* Address Cards */\n.address-cards {\n  display: grid;\n  gap: var(--m) var(--m);\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n  grid-auto-rows: minmax(0, 1fr);\n\n  .so-content & {\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n  }\n}\n\n.address-cards__add-btn {\n  padding: 1rem;\n  min-height: 8rem;\n  height: auto;\n  width: 100%;\n}\n\n.address-card.error {\n  border: 1px solid #cf1124;\n}\n\n.address-card.error:hover {\n  border-color: #cf1124;\n}\n\n@media (min-width: 1024px) {\n  .address-cards {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (min-width: 1280px) {\n  .address-cards {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    .so-content & {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n  }\n}\n\n@media (min-width: 1536px) {\n  .address-cards {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n}\n\n.address-card {\n  border: 1px solid #eee;\n  border-radius: 0.375rem;\n  padding: 1rem;\n  min-height: 4rem;\n}\n\n.address-card:hover {\n  border-color: #ddd;\n  background-color: #fafafa;\n  cursor: pointer;\n}\n\n.address-card .address-card-header {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n}\n\n.address-card .address-card-header-actions {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.address-card .address-card-label {\n  background: #e6f1fe;\n  color: #2563eb;\n  padding: 0.125rem 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  text-transform: uppercase;\n  font-weight: 500;\n  margin-bottom: 0.75rem;\n\n  .ltr & {\n    margin-right: 0.5rem;\n  }\n\n  .rtl & {\n    margin-left: 0.5rem;\n  }\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.loginmodalshade {\n  z-index: 1001;\n}\n\n#logoutwarningmodal,\n#loginmodal,\n#elevatedsessionmodal,\n.prompt {\n  width: 500px;\n}\n\n#logoutwarningmodal,\n#loginmodal {\n  z-index: 1001;\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/*  Alternative Text\n/* ----------------------------------------*/\n.video-transcript {\n  background-color: var(--gray-050);\n  overflow-y: scroll;\n  font-size: 1rem;\n  position: relative;\n\n  @include focus-styles {\n    // Unset default\n    box-shadow: none;\n    color: var(--white);\n    background-color: var(--gray-800);\n  }\n}\n\n.video-transcript__inner {\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 550px;\n  padding: var(--xl);\n}\n\n/* ----------------------------------------\n/*  Menus\n/* ----------------------------------------*/\n\n.menu,\n.ui-datepicker,\n.ui-timepicker-list {\n  @include menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n  padding: 0;\n}\n\n.menu {\n  display: none;\n  position: absolute;\n\n  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: table !important;\n          box-sizing: border-box;\n          width: calc(100% + 28px);\n          @include alignleft;\n        }\n\n        &.flex {\n          [data-icon] {\n            margin-top: -2px;\n          }\n        }\n\n        &.sel {\n          cursor: default;\n        }\n\n        .shortcut {\n          @include floatright;\n          @include margin-left(14px);\n          padding: 0 4px;\n          border-radius: var(--medium-border-radius);\n          box-shadow: 0 0 0 1px transparentize($grey600, 0.75),\n            0 1px 3px -1px transparentize($grey600, 0.5);\n        }\n      }\n    }\n  }\n\n  & > .flex {\n    margin-top: 10px;\n    margin-bottom: 10px;\n    position: relative;\n\n    &.padded {\n      @include margin-left(-14px);\n      @include padding-left(24px);\n\n      &.sel {\n        &:before {\n          position: absolute;\n          top: 36px;\n          @include left(7px);\n          content: 'check';\n          font-size: 14px;\n          color: var(--light-text-color);\n        }\n      }\n    }\n  }\n\n  hr {\n    margin: 5px -14px;\n  }\n\n  .go:after {\n    color: inherit;\n  }\n}\n\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  --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  div.code {\n    color: var(--menu-option-active-color);\n  }\n\n  &.error {\n    color: var(--menu-option-active-color) !important;\n  }\n\n  span.light {\n    color: var(--white) !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    @include focus-styles {\n      box-shadow: inset 0 0 0 3px hsla(var(--dark-focus-hsl), 0.7);\n    }\n  }\n}\n\n/* tag select fields */\n.tagselect {\n  .elements {\n    display: inline;\n  }\n\n  .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.selectize-control.single .selectize-input:not(.no-arrow)::after {\n  display: none;\n}\n\n/* ----------------------------------------\n/*  Fields\n/* ----------------------------------------*/\n\n.shadow-box {\n  border-radius: var(--large-border-radius);\n  border: 1px solid var(--gray-200);\n  @include shadow;\n}\n\ntable.shadow-box,\ntable.editable {\n  border-collapse: separate;\n  border-spacing: 0;\n\n  thead,\n  tbody:first-child,\n  caption + tbody {\n    tr:first-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-top-left-radius: var(--medium-border-radius);\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-top-right-radius: var(--medium-border-radius);\n        }\n      }\n    }\n  }\n  thead:last-child,\n  tbody:last-child {\n    tr:last-child {\n      th:first-child,\n      td:first-child {\n        &,\n        &.disabled:after {\n          border-bottom-left-radius: calc(var(--large-border-radius) - 1px);\n        }\n      }\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled:after {\n          border-bottom-right-radius: calc(var(--large-border-radius) - 1px);\n        }\n      }\n    }\n  }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.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  @include focus-styles {\n    @include input-focused-styles;\n  }\n}\n\ninput.text,\ntextarea.text,\n.text > input,\n.text > textarea,\ntable.editable textarea,\n.selectize.multiselect .selectize-input {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--text-color);\n  min-height: 3px;\n  box-sizing: border-box;\n  appearance: none;\n}\n\n.selectize.multiselect .selectize-input {\n  line-height: 18px;\n}\n\ntextarea.text.fullwidth {\n  display: block;\n}\n\n.multitext .multitextrow {\n  &:after {\n    @include clearafter;\n  }\n\n  &:first-child .text {\n    &:first-child {\n      @include border-top-left-radius(var(--medium-border-radius));\n    }\n\n    &:last-child {\n      @include border-top-right-radius(var(--medium-border-radius));\n    }\n  }\n\n  &:last-child .text {\n    &:first-child {\n      @include border-bottom-left-radius(var(--medium-border-radius));\n    }\n\n    &:last-child {\n      @include border-bottom-right-radius(var(--medium-border-radius));\n    }\n  }\n\n  &:not(:first-child) .text {\n    margin-top: -1px;\n  }\n\n  .text {\n    border-radius: 0;\n    float: left;\n    box-sizing: border-box;\n\n    &:not(:first-child) {\n      @include margin-left(-1px);\n    }\n\n    &:first-child {\n      &:nth-last-child(1) {\n        width: 100%;\n      }\n\n      &:nth-last-child(2) {\n        width: 50%;\n      }\n\n      &:nth-last-child(2) ~ .text {\n        width: calc(50% + 1px);\n      }\n    }\n\n    &.error {\n      position: relative;\n      z-index: 1;\n    }\n  }\n\n  .text:focus,\n  .selectize.multiselect .selectize-input.focus {\n    position: relative;\n    z-index: 2;\n  }\n}\n\n.chars-left {\n  position: relative;\n  @include floatright;\n  @include margin(-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    input:disabled,\n    textarea:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  & > .notice,\n  & > .warning {\n    margin: 5px 0 0;\n  }\n}\n\n.field > .instructions,\n// BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n  color: var(--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  min-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  min-height: 16px;\n  cursor: pointer;\n\n  &,\n  &:before {\n    // set the border radius on the container too, for (some) focus rings\n    border-radius: var(--small-border-radius);\n  }\n\n  &:before {\n    display: block;\n    position: absolute;\n    @include left(0);\n    top: 0;\n    width: var(--checkbox-size) !important;\n    height: var(--checkbox-size);\n    box-sizing: border-box;\n    content: '';\n    font-size: 0;\n    background-color: hsl(212, 50%, 99%);\n    border: 1px solid transparentize($inputColor, 0.6);\n    background-clip: padding-box;\n  }\n\n  &:empty {\n    @include padding-left(var(--checkbox-size));\n\n    &:after {\n      content: '';\n      font-size: 0;\n    }\n  }\n\n  .info {\n    height: 16px;\n  }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n  cursor: not-allowed;\n}\n\ninput.checkbox:checked + label:before,\ndiv.checkbox.checked:before,\n.sel div.checkbox:before,\ninput.checkbox:indeterminate + label:before,\ndiv.checkbox.indeterminate:before {\n  @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.checkbox-icon {\n  display: inline-flex;\n  padding: 3px;\n  background-color: var(--enabled-color);\n  color: var(--white);\n  border-radius: var(--small-border-radius);\n\n  &:before {\n    --checkbox-size: 14px;\n    --icon-opacity: 1;\n    @include icon;\n    content: 'check';\n    line-height: var(--checkbox-size);\n    font-size: var(--checkbox-size);\n  }\n}\n\n.monaco-mouse-cursor-text {\n  @include focus-styles {\n    box-shadow: none !important;\n  }\n}\n\nfieldset {\n  .checkboxfield {\n    margin: 5px 0;\n  }\n}\n\n.checkboxfield {\n  .instructions,\n  .notice,\n  .warning {\n    margin-top: 2px;\n    @include padding-left($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: not-allowed;\n}\n\ninput.radio + label:empty,\ndiv.radio:empty {\n  @include padding-left(var(--radio-size));\n}\n\n/* fixes a RTL bug */\ninput.radio + label:before,\ninput.radio + label:after,\ndiv.radio:before,\ndiv.radio:after {\n  display: block;\n  position: absolute;\n  content: '';\n  box-sizing: border-box;\n  background-clip: padding-box;\n  border-radius: 100%;\n}\n\ninput.radio + label:before,\ndiv.radio:before {\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  width: var(--radio-size);\n  height: var(--radio-size);\n  background-color: hsl(212, 50%, 99%);\n  border: 1px solid transparentize($inputColor, 0.6);\n}\n\ninput.radio + label:after,\ndiv.radio:after {\n  top: calc(50%);\n  left: 4px;\n  transform: translateY(-50%);\n  width: calc(var(--radio-size) - 8px);\n  height: calc(var(--radio-size) - 8px);\n}\n\ninput.radio:checked + label:after,\ndiv.radio.checked:after,\n.sel div.radio:after {\n  background: var(--gray-900);\n}\n\nbody:not(.reduce-focus-visibility) {\n  input.radio:focus + label:before,\n  :focus div.radio:before {\n    @include input-focused-styles;\n  }\n}\n\nbody.reduce-focus-visibility {\n  input.radio:focus-visible + label:before,\n  :focus-visible div.radio:before {\n    @include input-focused-styles;\n  }\n}\n\n/* multiselect */\n.multiselect > select {\n  color: var(--text-color);\n  font-size: 14px;\n  appearance: none;\n\n  @include focus-styles {\n    @include input-focused-styles;\n  }\n\n  option {\n    padding: 1px 8px;\n  }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n  padding: 6px 9px;\n}\n\n.text {\n  background-color: var(--white);\n\n  &:not(.small) {\n    box-sizing: border-box;\n    min-height: calc(34rem / 16);\n  }\n\n  &.small {\n    padding: 3px;\n  }\n\n  &.readable {\n    padding: 16px 18px;\n    font-size: 16px;\n    line-height: 22px;\n\n    & + .chars-left {\n      margin-top: -23px;\n    }\n  }\n\n  &.clearable {\n    @include padding-right(var(--touch-target-size));\n  }\n\n  input {\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n  }\n}\n\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.input.errors > .datetimewrapper .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  .texticon-icon {\n    position: absolute;\n    top: calc((34rem / 16) / 2);\n    transform: translateY(-50%);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    @include left(9px);\n  }\n\n  .clear-btn {\n    position: absolute;\n    top: calc(\n      (var(--touch-target-size) - 34px) / -2\n    ); /* Responds to min-height of text input */\n    @include right(0);\n    width: var(--touch-target-size);\n    height: var(--touch-target-size);\n  }\n\n  &.has-filter-btn {\n    .text {\n      @include padding-right(26px);\n    }\n\n    .filter-btn {\n      position: absolute;\n      top: calc((34rem / 16) / 2);\n      transform: translateY(-50%);\n      @include right(4px);\n      padding: 0 7px 4px;\n      font-size: 14px;\n      line-height: 22px;\n      cursor: pointer;\n      border-radius: 13px;\n\n      &:before {\n        @include icon;\n        content: 'filter';\n        color: var(--medium-text-color);\n      }\n\n      &:hover {\n        background-color: var(--gray-100);\n      }\n\n      &:active,\n      &.active {\n        background-color: var(--gray-350);\n\n        &:before {\n          color: var(--white);\n        }\n      }\n    }\n\n    .text {\n      @include padding-left(calc(26rem / 16));\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 !important;\n  }\n\n  .password-toggle {\n    color: var(--link-color);\n    position: absolute;\n    top: 0;\n    @include right(9px);\n    bottom: 0;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.datetimewrapper {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  align-items: center;\n  gap: 5px;\n}\n\n.clear-btn {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 24px;\n  cursor: pointer;\n  color: var(--ui-control-color);\n  border: none;\n  padding: 0;\n  background: transparent;\n\n  &:before {\n    @include icon;\n    content: 'remove';\n  }\n\n  &:hover {\n    color: var(--ui-control-hover-color);\n  }\n\n  &:active {\n    color: var(--ui-control-active-color);\n  }\n}\n\n.close-btn {\n  position: relative;\n\n  &:before,\n  &:after {\n    position: absolute;\n    content: '';\n    top: 50%;\n    left: 50%;\n    height: 15px;\n    width: 2px;\n    background-color: var(--ui-control-color);\n    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  @include focus-styles {\n    @include select-input-focused-styles;\n  }\n}\n\n.select:not(.selectize).small:after {\n  top: 9px;\n}\n\n.select:not(.selectize).small select {\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n  font-size: 11px;\n}\n\n/* selectize reset */\n.selectize-control .selectize-input.disabled {\n  opacity: 1;\n  cursor: not-allowed !important;\n\n  * {\n    cursor: not-allowed !important;\n  }\n}\n\n.selectize .selectize-input {\n  display: block;\n  border-color: inherit;\n  box-shadow: none;\n  background-color: transparent;\n\n  .item {\n    max-width: 100%;\n\n    span {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n.selectize.select .selectize-input:after {\n  display: none;\n}\n\nbody .selectize-dropdown {\n  border: none;\n  z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n  @include placeholder-styles(var(--gray-700));\n  height: 34px;\n\n  &:not(.fullwidth) {\n    width: 25em;\n    max-width: 100%;\n  }\n}\n\n.datetimewrapper .selectize.select:not(.fullwidth) {\n  max-width: calc(100% - 29px);\n}\n\n.selectize.select .selectize-control {\n  @include select-container-styles;\n\n  &:after {\n    @include select-arrow-styles;\n  }\n}\n\n.selectize.select .selectize-input {\n  @include select-styles;\n\n  &.focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.selectize.select .selectize-input {\n  @include select-input-styles;\n}\n\n.selectize.select .selectize-control,\n.selectize.select .selectize-input {\n  width: 100%;\n}\n\n/* multi select styles */\n.selectize.multiselect .selectize-input {\n  min-height: 34px;\n  padding-bottom: 3px;\n\n  &.focus {\n    @include input-focused-styles;\n  }\n\n  & > .item {\n    @include token-styles;\n    display: inline-flex;\n    flex-direction: row;\n    padding: 3px 7px !important;\n\n    &.active {\n      @include active-token-styles;\n    }\n\n    & > .remove {\n      position: static;\n      @include margin(-1px, -3px, 0, 3px);\n      border-left: none;\n      padding: 0;\n      font-size: 0;\n      color: var(--ui-control-color);\n\n      &:hover {\n        color: var(--ui-control-hover-color);\n        background-color: transparent;\n      }\n\n      &:before {\n        font-size: 14px;\n        @include icon;\n        content: 'remove';\n      }\n    }\n  }\n}\n\n/* menu styles */\nbody {\n  .selectize-dropdown {\n    margin-top: 1px;\n\n    [data-selectable],\n    .option,\n    .optgroup-header {\n      @include menu-option-styles;\n    }\n\n    .optgroup {\n      &:not(:first-child) {\n        border-top: 1px solid var(--hairline-color);\n      }\n      padding-top: 5px;\n\n      .option {\n        padding-left: 24px;\n      }\n    }\n\n    .optgroup-header {\n      @include h6-styles;\n      margin: 0;\n      padding: 4px 0;\n    }\n\n    .active:not(.selected),\n    .option:hover {\n      background-color: var(--gray-100);\n    }\n\n    .selected {\n      @include menu-option-active-styles;\n      cursor: default !important;\n\n      .light {\n        color: inherit !important;\n      }\n    }\n  }\n\n  .selectize-dropdown-content {\n    @include menu-styles;\n    max-height: 70vh;\n\n    .option {\n      min-height: 18px;\n    }\n\n    & > div[data-value='new'] {\n      &:before {\n        @include icon;\n        content: 'plus';\n        margin-right: 5px;\n      }\n\n      &:after {\n        content: '…';\n      }\n    }\n  }\n\n  &.no-scroll .selectize-dropdown-content {\n    max-height: 200px; // default for selectize\n  }\n}\n\n/* datepicker */\n.ui-datepicker {\n  position: fixed;\n  top: -300px;\n  @include margin-left(1px);\n  -padding: 10px;\n  z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n  padding: 8px 8px 4px;\n}\n\n.ui-datepicker-prev {\n  @include floatleft;\n}\n\n.ui-datepicker-next {\n  @include floatright;\n}\n\n.ui-datepicker-prev span,\n.ui-datepicker-next span {\n  display: none;\n}\n\n.ui-datepicker-prev,\n.ui-datepicker-next {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover:after {\n    border-color: var(--link-color);\n  }\n}\n\n.ui-datepicker-prev:after {\n  @include angle(left);\n}\n\n.ui-datepicker-next:after {\n  @include angle(right);\n}\n\n.ui-datepicker-title {\n  text-align: center;\n}\n\n.ui-datepicker-calendar th,\n.ui-datepicker-calendar td {\n  padding: 2px !important;\n}\n\n.ui-datepicker-calendar th span,\n.ui-datepicker-calendar td a {\n  display: block;\n  width: toRem(26);\n  line-height: 26px;\n  text-align: center;\n  color: var(--text-color);\n}\n\n.ui-datepicker-calendar th span {\n  color: var(--medium-text-color);\n  font-weight: normal;\n}\n\n.ui-datepicker-calendar td a {\n  border-radius: 2px;\n}\n\n.ui-datepicker-calendar td a:hover {\n  background-color: var(--light-sel-color);\n  text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n  background-color: var(--dark-sel-color);\n  color: var(--white);\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n.ui-datepicker-calendar td.ui-datepicker-today a {\n  border-radius: 13px;\n  box-shadow: inset 0 0 0 2px var(--light-sel-color);\n}\n\n/* timepicker */\n.ui-timepicker-wrapper {\n  z-index: 101;\n}\n\n.ui-timepicker-list {\n  @include margin-left(1px);\n  overflow-y: auto;\n  width: calc(14px + 6em);\n  height: 210px;\n  z-index: 100;\n}\n\n.ui-timepicker-list li {\n  @include padding(2px, 0, 2px, 14px);\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.ui-timepicker-list li:hover {\n  background-color: var(--light-sel-color);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n  background-color: var(--dark-sel-color);\n  color: var(--white);\n  @include light-on-dark-text;\n  cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n  display: flex;\n  height: 15px;\n  white-space: nowrap;\n\n  a {\n    border: 1px solid var(--hairline-color);\n    @include border-left(none);\n    background-image: none;\n    width: 7px;\n    height: 13px;\n    margin-left: 0;\n    display: inline-block;\n    margin-top: 1px;\n    margin-bottom: 1px;\n    box-sizing: border-box;\n\n    &:first-child {\n      width: 8px;\n      @include border-left(1px solid var(--gray-400) !important);\n    }\n  }\n\n  &:not(:hover) a.active,\n  &:hover a.active-hover {\n    border-top-color: var(--gray-400);\n    border-bottom-color: var(--gray-400);\n    height: 15px;\n    margin-top: 0;\n    margin-bottom: 0;\n\n    &:first-child {\n      @include border-left(1px solid var(--gray-400));\n      @include border-top-left-radius(var(--small-border-radius));\n      @include border-bottom-left-radius(var(--small-border-radius));\n    }\n  }\n\n  &:not(:hover) a.last-active,\n  &:hover a.last-active-hover {\n    @include border-right(1px solid var(--gray-400));\n    @include border-top-right-radius(var(--small-border-radius));\n    @include border-bottom-right-radius(var(--small-border-radius));\n  }\n\n  &:focus {\n    a.active {\n      background-color: var(--light-sel-color);\n    }\n  }\n}\n\n/* errors */\nul.errors {\n  margin-top: 5px;\n  list-style-type: square;\n  @include padding-left(20px);\n}\n\nul.errors li {\n  color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n  position: absolute;\n  z-index: 100;\n  top: 0;\n  @include left(0);\n  width: 100%;\n  height: 100%;\n\n  &.no-access {\n    background-color: transparentize($grey900, 0.5);\n  }\n\n  .pane {\n    top: 50%;\n    margin-top: -33px !important;\n    margin-left: auto;\n    margin-right: auto;\n    width: 320px;\n    box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n  }\n}\n\n/* licensing issues page */\nbody.licensing-issues {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 100%;\n  padding: var(--padding);\n\n  #licensing-issues {\n    display: flex;\n    flex-direction: row;\n    max-width: 50em;\n\n    .buttons {\n      justify-content: space-between;\n      [data-icon] {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    }\n  }\n\n  #continue {\n    margin: 0;\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      .light {\n        color: $grey100 !important;\n      }\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-entry {\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: 3px;\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: var(--touch-target-size);\n      min-height: var(--touch-target-size);\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/* site pickers */\nbody.sitepicker {\n  #main-content {\n    padding: 30px;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n  }\n\n  #content-container {\n    max-width: 400px;\n  }\n}\n\n.sitepicker-group {\n  li {\n    &:not(:first-child) {\n      a {\n        margin-top: -1px;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n\n        &:not(:hover) {\n          border-top-color: transparent;\n        }\n      }\n    }\n\n    &:not(:last-child) {\n      a {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n\n    a {\n      display: block;\n      position: relative;\n      text-align: left;\n      width: 100%;\n      box-sizing: border-box;\n      border: 1px solid var(--hairline-color);\n      border-radius: var(--medium-border-radius);\n      @include padding(9px, 42px, 9px, 15px);\n      font-size: 16px;\n      line-height: 1.4;\n\n      &:after {\n        font-size: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        @include right(12px);\n        margin: 0;\n        padding: 0;\n      }\n\n      &:hover {\n        border-color: var(--link-color);\n        text-decoration: none;\n        z-index: 1;\n      }\n    }\n  }\n}\n\n/* ----------------------------------------\n/* IE hacks\n/* ----------------------------------------*/\n\n/* Fix layout of modal element selectors for IE8 */\n.elementselectormodal .body .main {\n  float: left \\9;\n  width: 445px \\9;\n}\n\n/* ----------------------------------------\n/*  Retina graphics\n/* ----------------------------------------*/\n\n@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n  only screen and (-moz-min-device-pixel-ratio: 1.5),\n  only screen and (-o-min-device-pixel-ratio: 3/2),\n  only screen and (min-device-pixel-ratio: 1.5),\n  only screen and (min-resolution: 1.5dppx) {\n  .structure ul li {\n    background-size: 40px;\n    body.ltr & {\n      background-image: url(../images/branch_2x.png);\n    }\n    body.rtl & {\n      background-image: url(../images/branch_rtl_2x.png);\n    }\n  }\n\n  .hud .tip-left {\n    background-image: url(../images/hudtip_left_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-top {\n    background-image: url(../images/hudtip_top_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud .tip-right {\n    background-image: url(../images/hudtip_right_2x.png);\n    background-size: 15px 30px;\n  }\n  .hud .tip-bottom {\n    background-image: url(../images/hudtip_bottom_2x.png);\n    background-size: 30px 15px;\n  }\n  .hud.has-footer .tip-bottom {\n    background-image: url(../images/hudtip_bottom_gray_2x.png);\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #e3f8ff;\n$blue100: #b3ecff;\n$blue200: #81defd;\n$blue300: #5ed0fa;\n$blue400: #40c3f7;\n$blue500: #2bb0ed;\n$blue600: #1992d4;\n$blue700: #127fbf;\n$blue800: #0b69a3;\n$blue900: #035388;\n\n$cyan050: #e0fcff;\n$cyan100: #bef8fd;\n$cyan200: #87eaf2;\n$cyan300: #54d1db;\n$cyan400: #38bec9;\n$cyan500: #2cb1bc;\n$cyan600: #14919b;\n$cyan700: #0e7c86;\n$cyan800: #0a6c74;\n$cyan900: #044e54;\n\n$pink050: #ffe3ec;\n$pink100: #ffb8d2;\n$pink200: #ff8cba;\n$pink300: #f364a2;\n$pink400: #e8368f;\n$pink500: #da127d;\n$pink600: #bc0a6f;\n$pink700: #a30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #ffe3e3;\n$red100: #ffbdbd;\n$red200: #ff9b9b;\n$red300: #f86a6a;\n$red400: #ef4e4e;\n$red500: #e12d39;\n$red600: #cf1124;\n$red700: #ab091e;\n$red800: #8a041a;\n$red900: #610316;\n\n$yellow050: #fffbea;\n$yellow100: #fff3c4;\n$yellow200: #fce588;\n$yellow300: #fadb5f;\n$yellow400: #f7c948;\n$yellow500: #f0b429;\n$yellow600: #de911d;\n$yellow700: #cb6e17;\n$yellow800: #b44d12;\n$yellow900: #8d2b0b;\n\n$teal050: #effcf6;\n$teal100: #c6f7e2;\n$teal200: #8eedc7;\n$teal300: #65d6ad;\n$teal400: #3ebd93;\n$teal500: #27ab83;\n$teal600: #199473;\n$teal700: #147d64;\n$teal800: #0c6b58;\n$teal900: #014d40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\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: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI',\n    'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n    'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n  $max: length($values);\n  $remValues: '';\n\n  @for $i from 1 through $max {\n    $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n    @if $i < $max {\n      $remValues: #{$remValues + ' '};\n    }\n  }\n\n  @return $remValues;\n}\n\n@mixin fontSize($size) {\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &:focus-visible {\n    @content;\n  }\n}\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: var(--icon-opacity);\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: 2px) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 7px;\n  height: 7px;\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px $grey200, 0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5) !important;\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n    0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n  @if $secondary != null {\n    --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n  } @else {\n    --focus-ring: 0 0 0 3px #{$primary};\n  }\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n  // Creates a two-color focus ring, with a white\n  // If button is light, the dark box shadow is adjacent to the button\n  // Else the light box shadow is adjacent to the button\n  --light-color: var(--white);\n  --dark-color: var(--gray-800);\n\n  @if $light-button {\n    --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n  } @else {\n    --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n  }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: 30px;\n  min-height: 30px;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n  input::-webkit-input-placeholder,\n  textarea::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder,\n  textarea:-ms-input-placeholder {\n    color: $color;\n  }\n\n  input::-ms-input-placeholder,\n  textarea::-ms-input-placeholder {\n    color: $color;\n  }\n\n  input:-moz-placeholder,\n  textarea:-moz-placeholder {\n    color: $color;\n  }\n\n  input::-moz-placeholder,\n  textarea::-moz-placeholder {\n    color: $color;\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1,\n  .h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2,\n  .h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  .tip-dismiss-btn {\n    position: absolute;\n    top: 12px;\n    @include right(12px);\n\n    & + p {\n      margin-top: 0;\n    }\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(50px);\n      border: 1px solid;\n\n      &.dismissible {\n        @include padding-right(36px);\n      }\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $linkColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        opacity: 1;\n        position: absolute;\n        top: 15px;\n        @include left(16px);\n        font-size: 24px;\n        width: 24px;\n      }\n\n      a[href] {\n        color: currentColor;\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .go:after {\n    font-size: 14px;\n  }\n}\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size * 0.5;\n  background-image: linear-gradient(\n      45deg,\n      #{transparentize($grey300, 0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #{transparentize($grey300, 0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      45deg,\n      transparent 75%,\n      #{transparentize($grey300, 0.75)} 75%\n    ),\n    linear-gradient(\n      135deg,\n      transparent 75%,\n      #{transparentize($grey300, 0.75)} 75%\n    );\n  background-size: $size $size;\n  background-position: 0 0, $halfSize 0, $halfSize -#{$halfSize}, 0 $halfSize;\n}\n","@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n:root {\n  --xs: 4px;\n  --s: 8px;\n  --m: 14px;\n  --l: 18px;\n  --xl: 24px;\n  --padding: var(--xl);\n  --neg-padding: calc(var(--padding) * -1);\n}\n\n$sidebarWidth: 226px;\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: 1200px;\n$minXlUiWidth: 1536px;\n$minDesktopWidth: 600px;\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  min-height: 100vh;\n}\n\nbody {\n  min-height: 100vh;\n\n  &.dragging * {\n    cursor: move !important;\n    cursor: grabbing !important;\n  }\n\n  :focus {\n    outline-style: solid;\n    outline-color: transparent;\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.reduce-focus-visibility {\n  :focus:not(:focus-visible) {\n    box-shadow: none;\n  }\n\n  :focus-visible {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.skip-link {\n  position: absolute;\n  margin: 5px;\n  left: -10000px;\n  top: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: $sidebarZIndex + 1;\n\n  &:focus {\n    left: unset;\n    @include left(0);\n    width: auto;\n    height: auto;\n    background-color: var(--gray-100) !important;\n  }\n}\n\n#global-skip-link {\n  @media only screen and (min-width: $minFullUiWidth) {\n    @include two-color-focus-ring;\n  }\n}\n\n#global-container {\n  position: relative;\n  display: flex;\n  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  #system-name,\n  a {\n    color: $sidebarLinkStaticColor;\n  }\n\n  a {\n    text-decoration: none;\n  }\n\n  & > a,\n  *:not(.has-subnav) > a {\n    &[href] {\n      &:not(.sel):hover {\n        background-color: darken($grey800, 5%);\n      }\n    }\n\n    &:not([href]) {\n      cursor: default;\n      background-color: transparent;\n    }\n  }\n\n  .light {\n    color: var(--gray-400);\n  }\n\n  @media only screen and (max-width: $minFullUiWidth - 1px) {\n    --is-always-visible: false;\n  }\n}\n\n$systemInfoBgColor: darken($grey800, 5%);\n$systemInfoHoverBgColor: darken($grey800, 10%);\n\n#system-info {\n  display: grid;\n  grid-template-columns: 30px auto;\n  grid-gap: 10px;\n  height: 50px;\n  padding: 0 10px;\n  position: relative;\n  flex: 0 0 50px;\n  flex-direction: row;\n  align-items: center;\n  background-color: $systemInfoBgColor;\n\n  &:after {\n    display: none;\n  }\n}\n\ndiv#system-info {\n  cursor: default;\n}\n\na#system-info {\n  &:focus,\n  &:hover {\n    background-color: $systemInfoHoverBgColor !important;\n  }\n}\n\n#site-icon {\n  height: 30px;\n\n  img,\n  svg {\n    display: block;\n    width: 30px;\n    height: 30px;\n    border-radius: 4px;\n  }\n\n  svg {\n    @include svg-mask(var(--medium-text-color));\n  }\n}\n\n#system-name {\n  h2,\n  .h2 {\n    margin: 0;\n    width: 100%;\n    overflow: hidden;\n    max-height: 40px;\n    position: relative;\n\n    // Multi-line text overflow ellipsis\n    // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    &:after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      top: 0;\n      @include right(0);\n      width: var(--m);\n      background-image: linear-gradient(\n        to right,\n        transparentize($systemInfoBgColor, 1),\n        $systemInfoBgColor\n      );\n\n      #system-info:hover & {\n        background-image: linear-gradient(\n          to right,\n          transparentize($systemInfoHoverBgColor, 1),\n          $systemInfoHoverBgColor\n        );\n      }\n    }\n  }\n}\n\n#job-icon {\n  align-items: flex-start;\n\n  & > span.icon {\n    display: block;\n    position: relative;\n    width: 16px;\n    height: 16px;\n    margin-top: 2px !important;\n\n    & > canvas {\n      display: block;\n      position: absolute;\n      width: 16px;\n      height: 16px;\n\n      &#job-icon-hover {\n        opacity: 0;\n      }\n    }\n  }\n\n  &[href]:hover {\n    .icon > span.icon > canvas#job-icon-hover {\n      opacity: 1;\n    }\n  }\n\n  .progress-label {\n    display: block;\n    color: var(--gray-300);\n    font-size: 11px;\n    line-height: 1.5;\n  }\n}\n\n#nav {\n  flex: 1;\n  margin: 22px 0 0;\n  padding-bottom: var(--xl);\n  overflow: visible;\n\n  body.has-debug-toolbar & {\n    padding-bottom: calc(42px + var(--xl));\n  }\n\n  li {\n    &:not(.has-subnav) > a.sel {\n      color: var(--gray-800);\n      background-color: var(--gray-100) !important;\n      opacity: 1;\n\n      .icon {\n        opacity: 1;\n      }\n    }\n\n    a {\n      position: relative;\n      padding-left: var(--m);\n      padding-right: var(--m);\n\n      &:focus {\n        z-index: 1;\n      }\n\n      &.menubtn {\n        line-height: 26px;\n      }\n\n      &.external:after {\n        @include margin-left(5px);\n        @include icon;\n        content: 'external';\n      }\n\n      .label {\n        &,\n        & span {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n\n      .badge {\n        @include margin-right(0);\n        background-color: $badgeBackgroundColor;\n        color: $badgeColor;\n      }\n    }\n\n    ul {\n      display: block;\n      margin-bottom: 10px;\n\n      li a {\n        @include padding(3px, var(--m), 3px, 42px, !important);\n        font-size: 12px;\n\n        &:not(.active) {\n          color: $sidebarLinkSecondaryColor;\n        }\n      }\n    }\n  }\n}\n\n#global-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: var(--m) var(--m) var(--xl);\n  gap: var(--m);\n\n  body.has-debug-toolbar & {\n    padding-bottom: calc(var(--xl) + 42px);\n  }\n\n  a {\n    white-space: nowrap;\n  }\n}\n\n#app-info {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  gap: var(--m);\n}\n\n#trial-info {\n  padding: 16px var(--xl);\n  border-radius: var(--large-border-radius);\n  background-color: hsl(212, 40%, 90%);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5),\n    0 0 0 1px hsl(212, 30%, 80%), 0 2px 12px transparentize($grey200, 0.5);\n  text-align: center;\n}\n\n#app-version {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--gray-600);\n  text-align: center;\n  gap: var(--s);\n\n  a {\n    color: var(--gray-600);\n    text-decoration: underline;\n\n    &.go:hover:after {\n      color: var(--gray-600);\n    }\n  }\n}\n\n#edition-logo {\n  position: relative;\n  top: -1px;\n  user-select: none;\n  border: 1px solid var(--gray-600);\n  border-radius: 3px;\n  display: inline-flex;\n  box-sizing: content-box;\n  font-size: 11px;\n  padding: 6px 7px;\n  line-height: 8px;\n  font-weight: 600;\n  letter-spacing: 1.7px;\n  padding-right: 5px;\n  text-transform: uppercase;\n}\n\n#devmode {\n  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: 6px solid var(--error-color);\n  color: var(--error-color);\n\n  & > li {\n    padding: 10px 24px;\n    box-shadow: inset 0 -1px 0 0 var(--red-100);\n\n    .resolvable-alert-buttons {\n      margin-top: var(--m);\n    }\n\n    .btn,\n    a.go {\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparentize($errorColor, 0.5);\n      border-radius: var(--medium-border-radius);\n      padding: 4px 5px;\n      margin: 0 2px;\n      color: var(--error-color);\n      min-height: calc(30rem / 16);\n\n      .flex & {\n        margin: 0;\n      }\n\n      &:hover {\n        border-color: var(--error-color);\n      }\n    }\n\n    a:not(.btn) {\n      color: var(--error-color);\n      text-decoration: underline;\n\n      &.go {\n        text-decoration: none;\n        white-space: nowrap;\n\n        &:after {\n          color: var(--error-color);\n          font-size: 15px;\n          margin-top: 1px;\n        }\n      }\n    }\n\n    .btn {\n      background-color: transparent;\n    }\n  }\n}\n\n#global-header {\n  width: 100%;\n  margin-bottom: var(--m);\n  @include pane;\n  background: var(--gray-050);\n\n  .flex {\n    align-items: center;\n  }\n\n  .btn {\n    --ui-control-color: var(--gray-400);\n    --ui-control-hover-color: var(--gray-500);\n    --ui-control-active-color: var(--gray-600);\n  }\n}\n\n.nav-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 50px;\n  line-height: 26px;\n  color: currentColor;\n  text-align: center;\n  @include margin-left(-10px);\n\n  &:before {\n    @include icon;\n    content: 'menu';\n    font-size: 16px;\n    line-height: 0;\n  }\n\n  &:hover {\n    color: var(--gray-400);\n  }\n}\n\n#crumbs {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 13px;\n  margin: 0 !important;\n\n  &.empty {\n    display: none;\n  }\n\n  a,\n  button {\n    color: var(--light-text-color);\n    transition: color linear 100ms;\n\n    &:hover {\n      color: var(--link-color);\n      text-decoration: none;\n    }\n  }\n\n  nav {\n    margin: 0;\n  }\n}\n\n.breadcrumb-list {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  flex-wrap: wrap;\n\n  li {\n    display: inline-flex;\n    align-items: center;\n\n    a,\n    button {\n      padding: 15px 0;\n    }\n\n    button {\n      cursor: pointer;\n    }\n\n    &:after {\n      @include margin(0, 8px, 0, 7px);\n      @include angle(right, var(--medium-hairline-color));\n    }\n  }\n\n  & .menu--disclosure {\n    li {\n      display: block;\n\n      &::after {\n        content: none;\n      }\n    }\n  }\n}\n\nli.breadcrumb-toggle-wrapper {\n  &::after {\n    content: none;\n  }\n}\n\n#account-menu {\n  ul {\n    li {\n      a {\n        max-width: calc(100% + 28px) !important;\n      }\n    }\n  }\n}\n\n#announcements-btn {\n  @include header-btn;\n  width: 40px;\n  position: relative;\n\n  &.unread:after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 3px;\n    @include right(7px);\n    width: 7px;\n    height: 7px;\n    border-radius: 4px;\n    background-color: var(--blue-600);\n  }\n\n  svg {\n    width: 22px;\n    height: 22px;\n    @include svg-mask(var(--ui-control-color));\n  }\n\n  &:hover,\n  &:active,\n  &.active {\n    svg {\n      @include svg-mask(var(--ui-control-active-color));\n    }\n  }\n}\n\n#announcements {\n  max-width: 350px;\n\n  .announcement {\n    &:not(:first-child) {\n      margin-top: 20px;\n    }\n\n    .announcement-label-container {\n      margin-top: -3px;\n      display: flex;\n      align-items: center;\n      margin-bottom: 3px;\n\n      .announcement-icon svg {\n        display: block;\n        width: 15px;\n        height: 15px;\n      }\n\n      .announcement-label {\n        margin-inline-start: 5px;\n        font-size: 12px;\n        color: var(--light-text-color);\n      }\n    }\n\n    &.unread .announcement__heading:after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 7px;\n      @include left(-13px);\n      width: 7px;\n      height: 7px;\n      border-radius: 4px;\n      background-color: var(--blue-600);\n    }\n\n    p {\n      margin: 0;\n    }\n  }\n\n  .announcement__header {\n    display: grid;\n  }\n\n  .announcement__heading {\n    position: relative;\n    margin: 0 0 3px;\n    order: 1;\n  }\n}\n\n#user-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  @include padding-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  svg {\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  body.has-debug-toolbar & {\n    bottom: 50px;\n  }\n\n  @media only screen and (min-width: $minHorizontalUiWidth) {\n    width: 350px;\n  }\n\n  .notification {\n    display: flex;\n    position: relative;\n    @include pane;\n    padding: 10px 14px;\n    border-radius: var(--large-border-radius);\n    box-shadow: 0 0 0 1px transparentize($grey1000, 0.85),\n      0 2px 12px transparentize($grey1000, 0.85);\n    --color: var(--notice-color);\n\n    &[data-type='success'] {\n      --color: var(--success-color);\n    }\n\n    &[data-type='error'] {\n      --color: var(--error-color);\n    }\n\n    & + .notification {\n      margin-top: 12px;\n    }\n\n    .notification-icon {\n      width: 18px;\n      margin-top: -2px;\n      @include margin-right(10px);\n      font-size: 18px;\n      color: var(--color);\n    }\n\n    .notification-body {\n      display: flex;\n      flex: 1;\n\n      .notification-message {\n        font-weight: bold;\n        word-break: normal;\n        overflow-wrap: anywhere;\n      }\n\n      .notification-details {\n        margin-top: var(--xs);\n\n        .element {\n          border: 1px solid $hairlineColor;\n        }\n      }\n    }\n\n    .notification-close-btn {\n      position: relative;\n      top: -2px;\n      @include margin-left(10px);\n    }\n  }\n}\n\n#header-container {\n  margin-bottom: var(--m);\n}\n\n#crumbs,\n#header {\n  padding-left: var(--xl);\n  padding-right: var(--xl);\n}\n\n#primary-nav-toggle {\n  @media only screen and (min-width: $minFullUiWidth) {\n    display: none;\n  }\n}\n\n#global-header,\n#header {\n  .flex {\n    max-width: 100%;\n\n    &.flex-nowrap {\n      min-width: 0;\n    }\n  }\n}\n\n#header {\n  display: flex;\n  align-items: flex-start;\n  align-content: stretch;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  gap: var(--s);\n  padding-top: var(--s);\n  padding-bottom: var(--s);\n  position: relative;\n  z-index: 2;\n  width: calc(100vw - #{$sidebarWidth});\n  box-sizing: border-box;\n  background-color: transparentize($grey300, 1);\n  box-shadow: 0 1px 0 transparentize($grey800, 1);\n  transition: background-color linear 100ms, box-shadow linear 100ms;\n\n  body.fixed-header & {\n    position: fixed;\n    z-index: 12;\n    top: 0;\n    background-color: var(--gray-100);\n    box-shadow: inset 0 -1px 0 transparentize($grey700, 0.9);\n  }\n\n  @supports (backdrop-filter: blur(10px)) {\n    & {\n      transition: background-color linear 100ms, box-shadow linear 100ms,\n        backdrop-filter linear 100ms;\n\n      body.fixed-header & {\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n      }\n    }\n  }\n\n  h1 {\n    line-height: 34px;\n    margin-top: 0;\n    margin-bottom: 0;\n    min-width: 0;\n  }\n\n  .buttons,\n  .btngroup {\n    margin-top: 0;\n  }\n}\n\n#page-title {\n  &.has-toolbar {\n    @media only screen and (min-width: $minHorizontalUiWidth) {\n      min-width: calc(#{$sidebarWidth} - var(--xl) - var(--s)) !important;\n    }\n  }\n}\n\n#toolbar {\n  flex: 1;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  .icon:before,\n  .texticon:before,\n  .menubtn:after,\n  [data-icon]:before,\n  [data-icon-after]:after {\n    color: currentColor;\n    opacity: 0.8;\n  }\n\n  .text {\n    border-radius: var(--large-border-radius);\n\n    &::-webkit-input-placeholder {\n      color: var(--light-text-color);\n    }\n\n    &:-ms-input-placeholder {\n      color: var(--light-text-color);\n    }\n\n    &::-ms-input-placeholder {\n      color: var(--light-text-color);\n    }\n\n    &:-moz-placeholder {\n      color: var(--light-text-color);\n    }\n\n    &::-moz-placeholder {\n      color: var(--light-text-color);\n    }\n\n    &::placeholder {\n      color: var(--light-text-color);\n    }\n\n    &:not(:focus) {\n      background-clip: border-box;\n    }\n  }\n}\n\n#action-buttons {\n  @media only screen and (max-width: 400px) {\n    .btngroup .btn:first-child {\n      flex-basis: 100%;\n    }\n  }\n\n  @media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n    margin-top: 10px;\n  }\n}\n\n#main-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  width: calc(100vw - #{$sidebarWidth});\n  padding: 0 var(--xl) 48px;\n  box-sizing: border-box;\n\n  // for the Dashboard and any other full-page grids:\n  & > .grid:only-child {\n    flex: 1;\n  }\n}\n\n#sidebar-toggle-container {\n  display: none;\n}\n\n#sidebar-container {\n  flex: 0 0 $sidebarWidth;\n  width: $sidebarWidth;\n  box-sizing: border-box;\n\n  @media only screen and (min-width: $minFullUiWidth) {\n    @include margin-left(calc(var(--xl) * -1));\n  }\n}\n\n#sidebar {\n  box-sizing: border-box;\n  padding: 0 31px var(--m);\n  width: $sidebarWidth;\n  background-color: transparent;\n\n  &.fixed {\n    position: fixed;\n  }\n\n  nav {\n    margin-left: -31px;\n    margin-right: -31px;\n\n    li {\n      a {\n        position: relative;\n\n        &:focus {\n          z-index: 1;\n        }\n\n        &:not(.sel) {\n          &:hover {\n            background-color: var(--gray-200);\n          }\n        }\n      }\n    }\n  }\n}\n\n#content-container {\n  flex: 1;\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  position: sticky;\n  bottom: 0;\n  z-index: 1;\n  margin: 25px calc((var(--xl) * -1) + 2px) calc((var(--xl) * -1) + 2px); // 1px extra on top is intentional\n  padding: var(--s) var(--xl);\n  background-color: var(--gray-050);\n  border-radius: var(--small-border-radius);\n  box-sizing: border-box;\n  min-height: 50px;\n\n  &:empty {\n    display: none;\n  }\n\n  &.stuck {\n    border-radius: 0;\n\n    @supports (backdrop-filter: blur(10px)) {\n      & {\n        background-color: transparentize($grey100, 0.25);\n        backdrop-filter: blur(10px);\n      }\n    }\n  }\n\n  .has-debug-toolbar & {\n    transition: padding linear 100ms;\n\n    &.stuck {\n      padding-bottom: 52px;\n    }\n  }\n\n  & > *,\n  .flex > * {\n    margin-bottom: 0;\n  }\n}\n\n#details-container {\n  flex: 0 0 #{$detailsWidth + 38};\n  width: $detailsWidth + 38;\n  @include margin-right(calc(var(--xl) * -1));\n  box-sizing: border-box;\n}\n\n#details {\n  box-sizing: border-box;\n  @include padding-right(var(--xl));\n  @include padding-left(var(--m));\n  width: $detailsWidth + 38;\n  z-index: 1;\n\n  &.fixed {\n    position: fixed;\n  }\n\n  .details {\n    padding-bottom: calc(var(--xl) + 11.5em);\n\n    .meta {\n      border-radius: var(--large-border-radius);\n\n      &:not(.read-only):not(.warning) {\n        @include pane;\n      }\n\n      &.read-only {\n        color: var(--medium-text-color);\n        background-color: transparent !important;\n      }\n\n      & > .field,\n      & > .data {\n        &:first-child {\n          &,\n          & > .status-badge {\n            border-top-left-radius: var(--large-border-radius);\n          }\n\n          border-top-right-radius: var(--large-border-radius);\n        }\n\n        &:last-child {\n          &,\n          & > .status-badge {\n            border-bottom-left-radius: var(--large-border-radius);\n          }\n\n          border-bottom-right-radius: var(--large-border-radius);\n        }\n      }\n    }\n\n    & > .field {\n      & > .input > .text.fullwidth {\n        @include pane;\n      }\n    }\n\n    .notes {\n      border-radius: var(--large-border-radius);\n      padding-top: var(--m);\n      padding-bottom: var(--m);\n    }\n  }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - 1px) {\n  #global-container {\n    @include left(-$sidebarWidth);\n    width: calc(100vw + #{$sidebarWidth});\n\n    body.ltr.showing-nav & {\n      left: 0;\n    }\n\n    body.rtl.showing-nav & {\n      right: 0;\n    }\n  }\n\n  #crumbs {\n    display: flex !important;\n  }\n\n  #header {\n    width: 100vw;\n  }\n\n  #main-content {\n    width: 100vw;\n  }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - 1px) {\n  #header {\n    display: block;\n\n    .flex:not(#toolbar) {\n      margin-top: 10px;\n    }\n  }\n\n  #toolbar {\n    flex-wrap: wrap !important;\n\n    & > * {\n      margin-top: 10px !important;\n    }\n  }\n\n  body.fixed-header #header .flex:first-child {\n    margin-top: 0;\n  }\n\n  #main-content {\n    display: block;\n  }\n\n  #sidebar-toggle-container {\n    display: block;\n    margin-bottom: var(--m);\n  }\n\n  #sidebar-toggle {\n    &:after {\n      top: 0;\n      transform: rotate(-45deg);\n\n      body.rtl & {\n        transform: rotate(135deg);\n      }\n    }\n\n    body.showing-sidebar & {\n      background-color: darken($grey200, 10%) !important;\n\n      &:after {\n        transform: rotate(45deg);\n      }\n    }\n  }\n\n  #content-container {\n    min-height: 0 !important;\n  }\n\n  #sidebar-container,\n  #details-container {\n    width: auto !important;\n  }\n\n  #sidebar,\n  #details {\n    position: static !important;\n    overflow-y: visible !important;\n    max-height: none !important;\n    width: auto;\n  }\n\n  #sidebar {\n    margin-bottom: var(--m);\n\n    body:not(.showing-sidebar) & {\n      display: none;\n    }\n  }\n\n  #details-container {\n    @include margin-right(0);\n  }\n\n  #content-container {\n    width: auto !important;\n    max-width: none !important;\n  }\n\n  #details {\n    padding: 0 !important;\n    margin-top: var(--m);\n\n    .details {\n      margin-bottom: auto;\n    }\n  }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (max-width: 767px) {\n  body.licensing-issues,\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: 0 var(--xl);\n\n    &:not(:first-child) {\n      margin-top: var(--m);\n    }\n\n    & > span {\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      padding: 0 5px;\n      margin: 0 -5px;\n      text-transform: uppercase;\n      color: var(--medium-text-color);\n      font-size: 11px;\n      font-weight: bold;\n    }\n\n    & > ul {\n      margin: 2px calc(var(--xl) * -1);\n    }\n  }\n\n  @mixin nav-level($level) {\n    & > a {\n      @include padding-left(24px + 14 * $level);\n    }\n\n    & > .toggle {\n      @include left(calc(var(--m) * #{$level}));\n    }\n  }\n\n  nav {\n    padding: 0 var(--s);\n\n    & > ul {\n      & > li:not(.heading),\n      & > li.heading > ul > li {\n        @include nav-level(0);\n\n        & > ul.nested > li {\n          @include nav-level(1);\n\n          & > ul.nested > li {\n            @include nav-level(2);\n\n            & > ul.nested > li {\n              @include nav-level(3);\n\n              & > ul.nested > li {\n                @include nav-level(4);\n              }\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative;\n\n      &:not(.has-subnav) > a {\n        &:not(.sel):hover {\n          text-decoration: none;\n          background-color: var(--gray-100);\n        }\n\n        &.sel,\n        &.active-drop-target {\n          cursor: default;\n          background-color: var(--gray-500) !important;\n\n          &,\n          & + .toggle {\n            color: var(--white);\n          }\n        }\n\n        &.sel {\n          @include light-on-dark-text;\n        }\n      }\n\n      a {\n        position: relative;\n        margin-bottom: 1px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding: 7px var(--xl);\n        min-height: var(--xl);\n        box-sizing: border-box;\n        color: var(--text-color);\n        user-select: none;\n        border-radius: var(--large-border-radius);\n        word-break: break-word;\n\n        .status {\n          flex-shrink: 1;\n        }\n\n        .icon {\n          @include margin-right(10px);\n          flex-shrink: 1;\n          width: toRem(18);\n          height: toRem(18);\n          word-break: normal;\n          transition: margin-left linear 150ms, margin-right linear 150ms;\n          opacity: 0.85;\n\n          &.icon-mask {\n            svg {\n              @include svg-mask(currentColor);\n            }\n\n            span[data-icon] {\n              color: currentColor;\n            }\n          }\n\n          svg {\n            width: 16px;\n            height: 16px;\n          }\n\n          span[data-icon] {\n            font-size: 16px;\n\n            &::before {\n              display: block;\n            }\n          }\n        }\n\n        .label {\n          flex: 1;\n        }\n\n        .badge {\n          @include margin(0, -4px, 0, 10px);\n          flex-shrink: 1;\n          padding: 0 6px;\n          font-size: 11px;\n          line-height: 16px;\n          border-radius: var(--s);\n          background-color: var(--medium-text-color);\n          color: var(--white);\n        }\n      }\n\n      .toggle {\n        position: absolute;\n        z-index: 1;\n        height: 34px;\n        top: 0;\n        width: var(--xl);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      ul {\n        display: none;\n      }\n\n      &.heading,\n      &.expanded {\n        & > ul {\n          display: block;\n        }\n      }\n    }\n  }\n}\n\n.error-summary {\n  margin-bottom: var(--l);\n  padding: var(--l) var(--xl) var(--xl);\n  box-sizing: border-box;\n  box-shadow: 0 0 0 1px #cdd8e4, 0 2px 12px rgba(205, 216, 228, 0.5);\n  border-radius: var(--large-border-radius);\n  background-color: var(--gray-050);\n\n  .notification-icon {\n    color: var(--error-color);\n    margin: -2px 6px 0 0;\n    float: left;\n  }\n\n  h2 {\n    margin-top: var(--xs);\n  }\n\n  & > ul.errors li,\n  & > ul.errors li a {\n    color: var(--text-color);\n\n    em {\n      font-weight: 600;\n    }\n\n    &:hover {\n      color: var(--link-color);\n    }\n  }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n  @include margin-left($sidebarWidth);\n}\n\n#content-notice {\n  margin: 0 calc(var(--xl) * -1);\n  padding: 0 var(--xl);\n\n  &:not(:last-child) {\n    padding-bottom: var(--s);\n    border-bottom: 1px solid var(--hairline-color);\n    margin-bottom: var(--s);\n  }\n}\n\n/* flexbox field layouts */\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.so-content .flex-fields,\n.draghelper .flex-fields {\n  --row-gap: var(--xl);\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  margin: 0 calc(var(--row-gap) * -1) calc(var(--row-gap) * -1);\n  width: calc(100% + var(--row-gap) * 2);\n\n  & > * {\n    margin: 0 0 var(--row-gap) !important;\n    padding: 0 var(--row-gap);\n    box-sizing: border-box;\n  }\n\n  & > h2 {\n    flex: 4 0 100%;\n\n    &:not(:nth-child(-n + 1 of :not(.hidden))) {\n      padding-top: var(--xl);\n      border-top: 1px solid var(--hairline-color);\n    }\n  }\n\n  & > hr,\n  & > .line-break {\n    flex: 4 0 100%;\n  }\n\n  & > .line-break:not(:first-child) {\n    margin-bottom: 0 !important;\n  }\n\n  & > :not(h2):not(hr):not(.line-break) {\n    &,\n    &:last-child {\n      position: relative;\n      width: 100%;\n\n      &:before {\n        position: absolute;\n        top: 0;\n        @include left(-1px);\n        width: 1px;\n        height: 100%;\n        content: '';\n        // same BG color as the hairline around the content pane’s 1px shadow\n        background-color: transparentize($grey200, 0.5);\n      }\n    }\n  }\n}\n\n#content :not(.meta) > .flex-fields,\n#content > .flex-fields,\n.draghelper.drag-in-content .flex-fields {\n  & > :not(h2):not(hr):not(.line-break) {\n    &,\n    &:last-child {\n      // 4 cols for >= 1536px\n      @media only screen and (min-width: $minXlUiWidth) {\n        &.width-25 {\n          width: 25%;\n        }\n        &.width-50 {\n          width: 50%;\n        }\n        &.width-75 {\n          width: 75%;\n        }\n      }\n\n      // 2 cols for 600 - 1535px\n      @media only screen and (min-width: $minDesktopWidth) and (max-width: $minXlUiWidth - 1px) {\n        &.width-25,\n        &.width-50 {\n          width: 50%;\n        }\n      }\n    }\n  }\n}\n\n.so-content .flex-fields,\n.draghelper.drag-in-slideout .flex-fields {\n  & > :not(h2):not(hr):not(.line-break) {\n    &,\n    &:last-child {\n      // 2 cols for >= 1200\n      @media only screen and (min-width: $minDesktopWidth * 2) {\n        &.width-25,\n        &.width-50 {\n          width: 50%;\n        }\n      }\n    }\n  }\n}\n","@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    .matrixblock > .fields > .flex-fields > .field > .status-badge {\n      @include left(calc(var(--m) * -1));\n    }\n  }\n\n  .lp-draghandle {\n    position: absolute;\n    z-index: 101;\n    top: 0;\n    @include right(-2px);\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n  }\n}\n\n.lp-preview-container {\n  display: flex;\n  flex-direction: column;\n  box-shadow: -1px 0 0 transparentize($grey700, 0.8);\n\n  &.dragging:after {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    content: '';\n    font-size: 0;\n  }\n\n  .lp-preview-header {\n    display: flex;\n\n    @supports (not (backdrop-filter: blur(10px))) {\n      background-color: transparentize($grey100, 0.25);\n    }\n\n    .buttons {\n      margin: 0;\n\n      .btn + .btn {\n        @include margin-left(7px);\n      }\n    }\n\n    & + .lp-iframe-container {\n      padding-top: 0;\n\n      @supports (backdrop-filter: blur(10px)) {\n        padding-top: 50px;\n      }\n    }\n\n    .lp-device-type {\n      .btn {\n        &::before {\n          width: 27px;\n          height: 22px;\n          display: block;\n          content: '';\n          background-size: contain;\n          background-repeat: no-repeat;\n          background-position: center;\n          transition-duration: 0.3s;\n        }\n\n        // SVGs\n        &.lp-device-type-btn--phone::before {\n          background-image: url(../images/preview/icon-phone.svg);\n        }\n        &.lp-device-type-btn--tablet::before {\n          background-image: url(../images/preview/icon-tablet.svg);\n        }\n        &.lp-device-type-btn--desktop::before {\n          background-image: url(../images/preview/icon-desktop.svg);\n        }\n      }\n    }\n  }\n\n  .lp-device-type__label {\n    &::before {\n      width: 27px;\n      height: 22px;\n      display: block;\n      content: '';\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-position: center;\n      transition-duration: 0.3s;\n    }\n\n    // SVGs\n    &.lp-device-type__label--phone::before {\n      background-image: url(../images/preview/icon-phone.svg);\n    }\n    &.lp-device-type__label--tablet::before {\n      background-image: url(../images/preview/icon-tablet.svg);\n    }\n    &.lp-device-type__label--desktop::before {\n      background-image: url(../images/preview/icon-desktop.svg);\n    }\n  }\n\n  .lp-preview-container__bumper-link {\n    top: unset;\n    bottom: 0;\n  }\n\n  .lp-device-mask {\n    display: none;\n  }\n\n  .lp-iframe-container {\n    flex: 1;\n    overflow: auto;\n\n    .lp-preview {\n      display: block;\n      width: 100%;\n      min-height: 100%;\n    }\n\n    &:not(.lp-iframe-container--has-device-preview) {\n      // Preview container\n      .lp-device-preview-container {\n        width: auto !important;\n        height: 100% !important;\n        transform: none !important;\n        margin: 0 !important;\n      }\n    }\n\n    &--has-device-preview {\n      flex: none;\n      padding-top: 0 !important;\n      position: relative;\n      top: 0;\n      height: calc(100% - 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-indicator {\n  display: inline-flex;\n  font-size: 11px;\n  color: var(--uicontrol-color);\n  @include margin-left(4px);\n\n  & + .fld-indicator {\n    @include margin-left(2px);\n  }\n}\n\n.fld-element {\n  position: relative;\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  background-color: var(--white);\n\n  body:not(.dragging) & {\n    cursor: move;\n    cursor: grab;\n  }\n\n  & + .fld-element {\n    margin-top: 7px;\n  }\n\n  &.fld-insertion {\n    box-sizing: border-box;\n    border: 2px dashed var(--hairline-color);\n    border-radius: var(--medium-border-radius);\n    background: none;\n    box-shadow: none;\n  }\n\n  &.draghelper {\n    @include shadow;\n  }\n\n  &.fld-field {\n    color: var(--medium-text-color);\n    background-color: var(--gray-100);\n\n    &:not(.draghelper) {\n      box-shadow: none;\n    }\n\n    .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\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","@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":""}