{"version":3,"file":"css/cp.css","mappings":"AAAA,MCGA,YACE,aACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,2BACA,4BACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,oCACA,sCACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,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/_range.scss","webpack:///./css/_global-sidebar.scss","webpack:///./css/_craft-spinner.scss","webpack:///./css/_craft-tooltip.scss","webpack:///./css/_preview.scss","webpack:///./css/_login.scss","webpack:///../../../../../node_modules/@craftcms/sass/_mixins.scss","webpack:///./css/_entry-type-select.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-150-hsl: 212, 40%, 89%;--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-150: hsl(var(--gray-150-hsl));--gray-200: hsl(var(--gray-200-hsl));--gray-300: hsl(var(--gray-300-hsl));--gray-350: hsl(var(--gray-350-hsl));--gray-400: hsl(var(--gray-400-hsl));--gray-500: hsl(var(--gray-500-hsl));--gray-550: hsl(var(--gray-550-hsl));--gray-600: hsl(var(--gray-600-hsl));--gray-700: hsl(var(--gray-700-hsl));--gray-800: hsl(var(--gray-800-hsl));--gray-900: hsl(var(--gray-900-hsl));--gray-1000: hsl(var(--gray-1000-hsl));--red-050: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--red-950: #450a0a;--orange-050: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--orange-950: #431407;--amber-050: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--amber-950: #451a03;--yellow-050: #fefce8;--yellow-100: #fef9c3;--yellow-200: #fef08a;--yellow-300: #fde047;--yellow-400: #facc15;--yellow-500: #eab308;--yellow-600: #ca8a04;--yellow-700: #a16207;--yellow-750: #93580b;--yellow-800: #854d0e;--yellow-900: #713f12;--yellow-950: #422006;--lime-050: #f7fee7;--lime-100: #ecfccb;--lime-200: #d9f99d;--lime-300: #bef264;--lime-400: #a3e635;--lime-500: #84cc16;--lime-600: #65a30d;--lime-700: #4d7c0f;--lime-800: #3f6212;--lime-900: #365314;--lime-950: #1a2e05;--green-050: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--green-950: #052e16;--emerald-050: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--emerald-950: #022c22;--teal-050: #f0fdfa;--teal-100: #ccfbf1;--teal-200: #99f6e4;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-550: #11a697;--teal-600: #0d9488;--teal-700: #0f766e;--teal-800: #115e59;--teal-900: #134e4a;--teal-950: #042f2e;--cyan-050: #ecfeff;--cyan-100: #cffafe;--cyan-200: #a5f3fc;--cyan-300: #67e8f9;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--cyan-600: #0891b2;--cyan-700: #0e7490;--cyan-800: #155e75;--cyan-900: #164e63;--cyan-950: #083344;--sky-050: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--sky-950: #082f49;--blue-050: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--indigo-050: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--indigo-950: #1e1b4b;--violet-050: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--violet-300: #c4b5fd;--violet-400: #a78bfa;--violet-500: #8b5cf6;--violet-600: #7c3aed;--violet-700: #6d28d9;--violet-800: #5b21b6;--violet-900: #4c1d95;--violet-950: #2e1065;--purple-050: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--purple-950: #3b0764;--fuchsia-050: #fdf4ff;--fuchsia-100: #fae8ff;--fuchsia-200: #f5d0fe;--fuchsia-300: #f0abfc;--fuchsia-400: #e879f9;--fuchsia-500: #d946ef;--fuchsia-600: #c026d3;--fuchsia-700: #a21caf;--fuchsia-800: #86198f;--fuchsia-900: #701a75;--fuchsia-950: #4a044e;--pink-050: #fdf2f8;--pink-100: #fce7f3;--pink-200: #fbcfe8;--pink-300: #f9a8d4;--pink-400: #f472b6;--pink-500: #ec4899;--pink-600: #db2777;--pink-700: #be185d;--pink-800: #9d174d;--pink-900: #831843;--pink-950: #500724;--rose-050: #fff1f2;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--rose-950: #4c0519}:root{--bg-color: var(--body-bg);--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--primary-button-bg);--secondary-color: var(--secondary-button-bg);--input-color: hsl(212deg 25% 50%);--medium-dark-text-color: var(--gray-550);--medium-text-color: var(--light-text-color);--font-weight-bold: 700;--hairline-color: hsla(209, 20%, 25%, 0.1);--medium-hairline-color: #cfd8e3;--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-rgb: 216 31 35;--error-color: rgb(var(--error-color-rgb));--warning-color: var(--amber-700);--warning-background: var(--amber-100);--warning-border-color: var(--amber-300);--success-color: var(--teal-700);--notice-color: var(--sky-700);--notice-background: var(--sky-100);--notice-border-color: var(--sky-300);--enabled-color: var(--teal-550);--pending-color: var(--orange-400);--disabled-color: var(--red-600);--indicator-border-color: var(--amber-600);--indicator-icon-color: var(--amber-700);--small-border-radius: 3px;--medium-border-radius: 4px;--large-border-radius: 5px;--menu-border-radius: var(--medium-border-radius)}@font-face{font-family:Craft;src:url(\"../fonts/Craft.woff2\") format(\"woff2\"),url(\"../fonts/Craft.woff\") format(\"woff\"),url(\"../fonts/Craft.ttf\") format(\"truetype\"),url(\"../fonts/Craft.svg#Craft\") format(\"svg\");font-weight:normal;font-style:normal;font-display:block}:root{--ui-control-color: var(--gray-550);--ui-control-hover-color: var(--gray-600);--ui-control-active-color: var(--gray-700);--ui-control-static-bg-color: hsla(212, 25%, 50%, 0.25);--ui-control-bg-color: var(--ui-control-static-bg-color);--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);--ui-control-height--small: calc(30rem / 16);--focus-ring-alpha: 0.85;--light-focus-hsl: 211.6981132075deg, 96.3636363636%, 78.431372549%;--dark-focus-hsl: 202.5925925926deg, 84.375%, 37.6470588235%;--focus-ring: 0 0 0 2px var(--focus-ring-color), 0 0 5px 1px hsl(from var(--focus-ring-color) h s l / var(--focus-ring-alpha));--focus-ring-outset: 0 0 0 1px currentcolor, 0 0 0 3px var(--focus-ring-color), 0 0 6px 2px hsl(from var(--focus-ring-color) h s l / var(--focus-ring-alpha));--inner-focus-ring: inset 0 0 0 1px var(--focus-ring-color), inset 0 0 0 3px hsl(from var(--focus-ring-color) h s l / var(--focus-ring-alpha));--touch-target-size: calc(24rem / 16);--icon-size: 1rem;--lh: 1.42em}body,html{background:var(--body-bg)}html.noscroll,html.noscroll body{overflow:hidden}body{width:100vw;overflow-x:hidden;font-size:var(--font-size);line-height:var(--lh);color:var(--text-color);-webkit-font-smoothing:subpixel-antialiased}body.rtl{direction:rtl}body,input,select,textarea{font-family:system-ui,BlinkMacSystemFont,-apple-system,\"Segoe UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira Sans\",\"Droid Sans\",\"Helvetica Neue\",sans-serif}.first,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child,blockquote:first-child,hr:first-child,.pane:first-child,.grid:first-child,fieldset:first-child,.field:first-child,.toolbar:first-child,.buttons:first-child,.condition-container:first-child{margin-block-start: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-block-end:0 !important}.mt-0{margin-block-start:0 !important}.mt-2xs{margin-block-start:var(--2xs) !important}.mt-xs{margin-block-start:var(--xs) !important}.mt-s{margin-block-start:var(--s) !important}.mt-m{margin-block-start:var(--m) !important}.mt-l{margin-block-start:var(--l) !important}.mt-xl{margin-block-start:var(--xl) !important}.mb-0{margin-block-end:0 !important}.mb-2xs{margin-block-end:var(--2xs) !important}.mb-xs{margin-block-end:var(--xs) !important}.mb-s{margin-block-end:var(--s) !important}.mb-m{margin-block-end:var(--m) !important}.mb-l{margin-block-end:var(--l) !important}.mb-xl{margin-block-end:var(--xl) !important}.ml-0{margin-inline-start:0 !important}.ml-2xs{margin-inline-start:var(--2xs) !important}.ml-xs{margin-inline-start:var(--xs) !important}.ml-s{margin-inline-start:var(--s) !important}.ml-m{margin-inline-start:var(--m) !important}.ml-l{margin-inline-start:var(--l) !important}.ml-xl{margin-inline-start:var(--xl) !important}.mr-0{margin-inline-end:0 !important}.mr-2xs{margin-inline-end:var(--2xs) !important}.mr-xs{margin-inline-end:var(--xs) !important}.mr-s{margin-inline-end:var(--s) !important}.mr-m{margin-inline-end:var(--m) !important}.mr-l{margin-inline-end:var(--l) !important}.mr-xl{margin-inline-end:var(--xl) !important}.mx-0{margin-inline:0 !important}.mx-2xs{margin-inline:var(--2xs) !important}.mx-xs{margin-inline:var(--xs) !important}.mx-s{margin-inline:var(--s) !important}.mx-m{margin-inline:var(--m) !important}.mx-l{margin-inline:var(--l) !important}.mx-xl{margin-inline:var(--xl) !important}.my-0{margin-block:0 !important}.my-2xs{margin-block:var(--2xs) !important}.my-xs{margin-block:var(--xs) !important}.my-s{margin-block:var(--s) !important}.my-m{margin-block:var(--m) !important}.my-l{margin-block:var(--l) !important}.my-xl{margin-block:var(--xl) !important}.p-0{padding:0 !important}.p-2xs{padding:var(--2xs) !important}.p-xs{padding:var(--xs) !important}.p-s{padding:var(--s) !important}.p-m{padding:var(--m) !important}.p-l{padding:var(--l) !important}.p-xl{padding:var(--xl) !important}.pt-0{padding-block-start:0 !important}.pt-2xs{padding-block-start:var(--2xs) !important}.pt-xs{padding-block-start:var(--xs) !important}.pt-s{padding-block-start:var(--s) !important}.pt-m{padding-block-start:var(--m) !important}.pt-l{padding-block-start:var(--l) !important}.pt-xl{padding-block-start:var(--xl) !important}.pb-0{padding-block-end:0 !important}.pb-2xs{padding-block-end:var(--2xs) !important}.pb-xs{padding-block-end:var(--xs) !important}.pb-s{padding-block-end:var(--s) !important}.pb-m{padding-block-end:var(--m) !important}.pb-l{padding-block-end:var(--l) !important}.pb-xl{padding-block-end:var(--xl) !important}.pl-0{padding-inline-start:0 !important}.pl-2xs{padding-inline-start:var(--2xs) !important}.pl-xs{padding-inline-start:var(--xs) !important}.pl-s{padding-inline-start:var(--s) !important}.pl-m{padding-inline-start:var(--m) !important}.pl-l{padding-inline-start:var(--l) !important}.pl-xl{padding-inline-start:var(--xl) !important}.pr-0{padding-inline-end:0 !important}.pr-2xs{padding-inline-end:var(--2xs) !important}.pr-xs{padding-inline-end:var(--xs) !important}.pr-s{padding-inline-end:var(--s) !important}.pr-m{padding-inline-end:var(--m) !important}.pr-l{padding-inline-end:var(--l) !important}.pr-xl{padding-inline-end:var(--xl) !important}.px-0{padding-inline:0 !important}.px-2xs{padding-inline:var(--2xs) !important}.px-xs{padding-inline:var(--xs) !important}.px-s{padding-inline:var(--s) !important}.px-m{padding-inline:var(--m) !important}.px-l{padding-inline:var(--l) !important}.px-xl{padding-inline:var(--xl) !important}.py-0{padding-block:0 !important}.py-2xs{padding-block:var(--2xs) !important}.py-xs{padding-block:var(--xs) !important}.py-s{padding-block:var(--s) !important}.py-m{padding-block:var(--m) !important}.py-l{padding-block:var(--l) !important}.py-xl{padding-block:var(--xl) !important}.center-absolute{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%, -50%)}.pointer{cursor:pointer !important}.no-scroll{overflow:hidden !important}.draghelper{box-sizing:border-box;list-style-type:none}.offset-drag-helper{transition:margin linear 200ms,padding linear 200ms}body.dragging .offset-drag-helper{margin-block:-50px 0;margin-inline:-50px 0;padding-block:60px 0;padding-inline:60px 0}img{max-width:100%}body.rtl .ltr .text,body.rtl .ltr table.editable textarea{text-align:start !important;direction:ltr !important}body.ltr .rtl .text,body.ltr .rtl table.editable textarea{text-align:end !important;direction:rtl !important}.icon::before,.menu ul.padded li a.sel::before,.menu ul.padded li .menu-item.sel::before,.menu ul.padded li .menu-option.sel::before,.menu .flex.padded.sel::before,.texticon::before,#help::before,.secure::before,.insecure::before,.go::after,.required::after,.preview-btn::before,.view-btn::before,.action-btn::before,[data-icon]::before,[data-icon-after]::after{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none}.badge-icon{position:relative;inset-block-start:-1px;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;box-sizing:border-box;border:1px solid var(--indicator-border-color);border-radius:var(--small-border-radius);color:var(--indicator-icon-color);font-size:9px}.secure::before,.insecure::before{margin-block-start:-3px;font-size:14px}[data-icon]::before{content:attr(data-icon)}[data-icon-after]::after{content:attr(data-icon-after)}[data-icon-size=large][data-icon]::before,[data-icon-size=large][data-icon-after]::after{font-size:20px}[data-icon-size=small][data-icon]::before,[data-icon-size=small][data-icon-after]::after{font-size:14px}[data-icon-size=puny][data-icon]::before,[data-icon-size=puny][data-icon-after]::after{font-size:12px}body.rtl [data-icon=list]::before,body.rtl [data-icon-after=list]::after{content:\"listrtl\"}body.rtl [data-icon=structure]::before,body.rtl [data-icon-after=structure]::after{content:\"structurertl\"}.icon.secure::before{content:\"secure\"}.icon.insecure::before{content:\"insecure\"}.icon.add::before{content:\"plus\"}.icon.edit::before{content:\"edit\"}.icon.settings::before{content:\"settings\"}.icon.search::before{content:\"search\"}.icon.expand::before{content:\"expand\"}.icon.collapse::before{content:\"collapse\"}.help::before{content:\"help\";color:var(--pink-400)}.preview-btn::before,.view-btn::before{margin-inline-end:var(--xs)}.preview-btn::before{content:\"view\"}body.ltr .view-btn::before{content:\"share\"}body.rtl .view-btn::before{content:\"shareleft\"}.action-btn::before{content:\"ellipsis\"}h1,.h1{margin-block-end:24px;font-size:18px;font-weight:bold;line-height:1.2}h2,.h2{margin-block:14px;margin-inline:0;font-size:16px;font-weight:bold;line-height:1.2}h3,.h3{margin-block:14px;margin-inline:0;font-weight:bold;line-height:1.2}h4,.h4{margin-block:14px;margin-inline:0;font-weight:bold;line-height:1.2;color:var(--medium-text-color)}h5,.h5{margin-block:14px 3px;margin-inline:0;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}h1[data-icon]::before{margin-inline:0 10px;margin-block:-8px 0}h2[data-icon]::before{margin-inline:0 6px;margin-block:-4px 0;font-size:19px}hr{margin-block:var(--hr-margin);margin-inline:0;border:none;border-block-start:var(--hr-border);height:0;color:rgba(0,0,0,0)}p{margin-block:1em;margin-inline:0}h5+p{margin-block-start:0}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}.indent{margin-inline-start:14px}.bullets{padding-inline-start:40px;list-style-type:square}ol{padding-inline-start:40px;list-style-type:decimal}code,.code{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important}code.smalltext,.code.smalltext{font-size:.8em !important}p code,p .code{background-color:var(--gray-100);padding-block:.0625em;padding-inline:.25em;border-radius:var(--small-border-radius);border:1px solid var(--hairline-color)}.warning code,.warning .code{background-color:var(--warning-background);border-color:var(--warning-border-color)}.tip code,.tip .code{background-color:var(--notice-background);border-color:var(--notice-border-color)}.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,a:hover{text-decoration:underline}a .cp-icon svg rect,a .cp-icon svg circle,a .cp-icon svg ellipse,a .cp-icon svg line,a .cp-icon svg polyline,a .cp-icon svg polygon,a .cp-icon svg path,a .cp-icon svg text{fill:var(--icon-color, var(--link-color));stroke-width:0}a:not([href]){color:inherit;cursor:inherit}body.underline-links a:not([href]),a:not([href]):hover{text-decoration:none}a.sel,li.sel>a{cursor:default !important;text-decoration:none}.go::after{font-size:11px;margin-block-start:-1px;padding-inline-start:4px}body.ltr .go::after{content:\"circlerarr\"}body.rtl .go::after{content:\"circlelarr\"}button{cursor:pointer}.checkmark-icon,.alert-icon{padding:5px;margin-block-end:0 !important;line-height:10px;border-radius:20px;cursor:pointer}.checkmark-icon::before,.alert-icon::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none}.checkmark-icon{background-color:var(--gray-200)}p .checkmark-icon{display:inline-block}.checkmark-icon::before{content:\"check\";color:var(--success-color)}.alert-icon{background-color:var(--gray-200)}.alert-icon::before{content:\"alert\";color:var(--error-color)}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--medium-border-radius);border:1px solid var(--hairline-color);color:var(--light-text-color);background-color:var(--gray-050);padding-block:7px;padding-inline:14px}.draft-notice{display:flex;align-items:center;place-content:stretch center;gap:var(--s);color:var(--blue-800)}#content-notice .draft-notice{display:inline-flex;justify-content:flex-start}.so-notice>.draft-notice{margin-inline:calc(var(--xl)*-1) 0;margin-block:-5px;padding-inline:var(--xl) 0;padding-block:5px;border-end-start-radius:var(--large-border-radius)}body.ltr .so-notice>.draft-notice{background-image:linear-gradient(to bottom right, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0) 50%)}body.rtl .so-notice>.draft-notice{background-image:linear-gradient(to left, rgba(37, 99, 235, 0.2), rgba(37, 99, 235, 0))}.draft-notice p{flex:1;margin:0}.draft-notice .draft-icon{position:relative;flex-shrink:0;width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:100%;border:2px solid rgba(30,64,175,.2);box-sizing:border-box;box-shadow:0 1px 1px 1px var(--white)}.draft-notice .draft-icon::before{position:relative;inset-inline-start:1px;color:var(--blue-800) !important;font-size:17px}.draft-notice .draft-icon::after{content:\"\";font-size:0;position:absolute;inset:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(30,58,138,.2)}.draft-notice .discard-changes-btn{margin-inline-start:var(--xs);background-color:rgba(0,0,0,0) !important;color:var(--blue-800) !important;border:2px solid var(--blue-600) !important}.draft-notice .discard-changes-btn:hover,.draft-notice .discard-changes-btn:focus{border-color:rgb(20.7142857143,84.9285714286,225.7857142857)}.draft-notice .discard-changes-btn:active{border-color:rgb(18.5714285714,76.1428571429,202.4285714286)}.content-notice{display:flex;align-items:center;place-content:stretch center;gap:var(--s);color:var(--gray-600)}#content-notice .content-notice{display:inline-flex;justify-content:flex-start}.content-notice p{flex:1;margin:0}.content-notice .content-notice-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)}.content-notice .content-notice-icon .cp-icon{--icon-size: calc(20rem / 16)}.content-notice .content-notice-icon::after{content:\"\";font-size:0;position:absolute;inset:-2px;border-radius:100%;box-shadow:inset 0 2px 0 rgba(30,58,138,.2)}button.toggle{appearance:none;color:inherit;background:none;border:none;padding:0}.toggle::before,button.fieldtoggle:not(.lightswitch)::before,a.fieldtoggle::before{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transition:transform linear 100ms}body.ltr .toggle::before,body.ltr button.fieldtoggle:not(.lightswitch)::before,body.ltr a.fieldtoggle::before{transform:rotate(-45deg)}body.rtl .toggle::before,body.rtl button.fieldtoggle:not(.lightswitch)::before,body.rtl a.fieldtoggle::before{transform:rotate(135deg)}.toggle.expanded::before,button.fieldtoggle:not(.lightswitch).expanded::before,a.fieldtoggle.expanded::before,.sidebar nav li.expanded>.toggle::before,.structure li:not(.collapsed)>.row>.toggle::before{transform:rotate(45deg) !important}button.fieldtoggle:not(.lightswitch),a.fieldtoggle{display:block;position:relative;margin-block:var(--m);margin-inline:0;padding-inline-start:var(--m);color:var(--text-color);text-decoration:none;cursor:default}button.fieldtoggle:not(.lightswitch){cursor:pointer}button.fieldtoggle:not(.lightswitch)::before,a.fieldtoggle::before{display:block;position:absolute;inset-block-start:7px;inset-inline-start:-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;padding-inline-start:2em}.readable ul li{list-style-type:disc}.readable li+li{margin-top:.25em}.readable .tip-dismiss-btn{position:absolute;top:12px;inset-inline-end: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%);border-inline-start:4px solid hsla(209,20%,25%,.1)}.readable blockquote.note{position:relative;border-radius:4px;padding:1em;padding-inline-start:50px;border:1px solid}.readable blockquote.note.dismissible{padding-inline-end:36px}.readable blockquote.note:not(.tip):not(.warning){border-color:#dc2626;color:#bf503f}.readable blockquote.note:not(.tip):not(.warning):before{content:\"alert\";color:#dc2626}.readable blockquote.note.tip{border-color:#1f5fea;color:#1f5fea}.readable blockquote.note.tip:before{content:\"lightbulb\";color:#1f5fea}.readable blockquote.note.warning{border-color:#854d0e;color:#cf783a}.readable blockquote.note.warning:before{content:\"alert\";color:#854d0e}.readable blockquote.note:before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;opacity:1;position:absolute;top:15px;inset-inline-start:16px;font-size:24px;width:24px}.readable blockquote.note a[href]{color:currentColor;text-decoration:underline}.readable .go:after{font-size:14px}.leftalign{text-align:start}.topalign{vertical-align:top}.rightalign{text-align:end}.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-block:100px;padding-inline:0;text-align:center;font-size:20px;line-height:24px;color:var(--light-text-color)}.zilch.small{padding-block:24px;padding-inline:0;font-size:16px}input.checkbox+label.smalltext{padding-block-start:2px}.required::after{content:\"asterisk\";margin-inline:5px 0;margin-block:-2px 0;font-size:12px;color:var(--rose-600)}.scrollpane{overflow:auto}.left{float:inline-start}.right{float:inline-end}th,td{text-align:start;vertical-align:middle}body table[dir=rtl] th,body table[dir=rtl] td{text-align:end}body table[dir=ltr] th,body table[dir=ltr] td{text-align:start}th.right,td.right{float:none;text-align:end}.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:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;display:block;position:absolute;inset-block-start:0;inset-inline-start: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-block:0;margin-inline:-24px;padding-block:0;padding-inline:24px}.success{color:var(--success-color) !important}.notice.with-icon::before,.notice .icon::before,.warning.with-icon::before,.warning .icon::before{margin-inline:0 2px;margin-block:-2px 0;font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;width:1em}.notice.has-icon,.warning.has-icon{display:flex;flex-wrap:nowrap;align-items:flex-start}.notice.has-icon .icon,.warning.has-icon .icon{flex-shrink:1}.notice{color:var(--notice-color) !important}.notice a{text-decoration:underline}.notice.with-icon::before,.notice .icon::before{content:\"lightbulb\"}.warning{color:var(--warning-color) !important}.warning.with-icon::before,.warning .icon::before{content:\"alert\"}.error{color:var(--error-color) !important}.icon.move:not(.disabled),.move-btn:not(.disabled){cursor:move !important}.icon.move::before{content:\"move\";color:var(--custom-text-color, var(--ui-control-color))}.icon.move:not(.disabled):hover::before{color:var(--link-color)}.icon.delete{display:inline-block;line-height:inherit}.icon.delete::before{content:\"remove\";color:var(--ui-control-color)}.icon.delete:not(.disabled){cursor:pointer}.icon.delete:not(.disabled):hover::before{color:var(--disabled-color)}.icon.delete:not(.disabled):active::before{color:var(--red-800)}.hidden{display:none !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.invisible{visibility:hidden}.clearafter::after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.info{vertical-align:bottom;display:inline-block;width:1em;height:1.375em;text-align:center;cursor:pointer;overflow:hidden}.info::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;vertical-align:baseline;width:100%;line-height:1.375;color:var(--ui-control-color)}.info:not(.warning)::before{content:\"info\"}.info:not(.warning):hover::before{color:var(--link-color)}.info.warning::before{content:\"alert\"}.info.warning:hover::before{color:var(--warning-color)}.info-hud{max-width:550px}.info-hud table{max-width:280px;table-layout:auto}.info-hud td{word-wrap:break-word;width:100%}@media(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{padding-inline-start:200px;overflow:visible !important}.customize-sources-modal>.cs-sidebar{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0;padding-block:10px;padding-inline:0;border:none;width:200px;height:calc(100% - 44px);box-sizing:border-box;background-color:var(--gray-050);overflow:auto;box-shadow:inset -1px 0 0 var(--hairline-color);border-start-start-radius:var(--large-border-radius)}.customize-sources-modal>.cs-sidebar>.btn{margin-inline:14px 0;margin-block:10px 0;display:block;width:calc(100% - 28px)}.customize-sources-modal.sidebar-hidden{padding-inline-start:0}.customize-sources-modal.sidebar-hidden>.cs-sidebar{display:none}.customize-sources-modal>.source-settings{position:relative;height:calc(100% - 44px);box-sizing:border-box;padding:24px;overflow:auto}.customize-sources-modal>.footer{position:absolute;inset-block-end:0;inset-inline-start:0;width:100%}.customize-sources-item{--light-text-color: var(--gray-600);--selected-item-color: var(--white);display:flex;width:calc(100% - 1px);box-sizing:border-box;align-items:center;position:relative;margin-block-start:-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-block-start:10px}.customize-sources-item+.customize-sources-item:not(.heading){border-block-start:1px solid var(--hairline-color)}.customize-sources-item.sel{--focus-ring: var(--focus-ring-outset);--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 .handle{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important;font-size:.8em !important}.customize-sources-item:not(.sel) .handle{color:var(--medium-text-color)}.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;inset-block-start:50%;inset-inline-end:3px;transform:translate(-50%, -50%);justify-content:center;align-items:center}.customize-sources-item__move.icon{display:flex;text-decoration:none}.customize-sources-item__btn{flex:1;padding-block:6px;padding-inline:var(--xl);padding-inline-end:30px}.checkbox-select-item{display:flex;gap:var(--xs);align-items:flex-start;align-content:stretch;padding-block:4px}.checkbox-select-item .move{margin-block-start:-4px;margin-inline-end:var(--xs);position:relative;z-index:1}.checkbox-select-item .action-btn{margin-block:-4px}ul.path{display:flex;flex-flow:row wrap;align-items:stretch}ul.path li{display:inline-flex;align-items:center}ul.path li:not(:last-child)::after{margin-inline:2px 5px;margin-block:0;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr ul.path li:not(:last-child)::after{transform:rotate(-45deg)}body.rtl ul.path li:not(:last-child)::after{transform:rotate(135deg)}ul.icons{margin-block-start:20px;display:flex;flex-wrap:wrap}ul.icons li{margin-block:0 10px;margin-inline:0 4px}ul.icons li a{display:block;position:relative;padding-block:60px 10px;padding-inline:5px;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;inset-block-start:0;inset-inline-start:0;width:100%;font-size:40px;line-height:60px}ul.icons li a .icon{position:absolute;inset-block-start:12px;inset-inline-start:0;width:100%;height:40px;display:flex;align-items:center;justify-content:center}ul.icons li a .icon img,ul.icons li a .icon svg{max-width:50px;height:40px}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 (width <= 380px){ul.icons li a{width:96px}}@media only screen and (width <= 320px){ul.icons li a{width:75px}}.toolbar{position:relative;margin-block-end:var(--s);min-height:34px}.toolbar.flex,.toolbar .flex{align-items:flex-start}.toolbar .text{border-radius:var(--large-border-radius) !important}.flex{display:flex;align-items:center;align-content:stretch;gap:var(--s)}.flex.flex-gap-xs{gap:var(--xs)}.flex.flex-gap-m{gap:var(--m)}.flex.flex-gap-l{gap:var(--l)}.flex.flex-gap-xl{gap:var(--xl)}.flex:not(.flex-nowrap){flex-wrap:wrap}.flex>*.label{white-space:nowrap}.centeralign .flex{justify-content:center}.inline-flex{display:inline-flex !important;align-items:center;align-content:stretch;gap:var(--s)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.gap-2xs{gap:var(--2xs)}.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-block:24px;margin-inline:0;align-items:center}.hud-footer>.buttons,.footer>.buttons{margin:0}.btn{isolation:isolate;position:relative;display:inline-flex;align-items:center;justify-content:center;border:var(--button-border);border-radius:var(--button-border-radius);padding-inline:var(--button-padding);text-align:center;user-select:none;box-sizing:border-box;appearance:none;color:var(--text-color);font-size:inherit;text-wrap:nowrap;background-color:var(--button-bg);min-height:2.125rem}.btn:hover{border:var(--button-border--hover);background:var(--button-bg--hover)}.btn:active,.btn.active{border:var(--button-border--active);background:var(--button-bg--active)}.btn:not([aria-current]){cursor:pointer}.btn[aria-current],.btn.active{cursor:default}.btn.chromeless,.btn.hairline,.btn.hairline-dark,.btn.link-btn{border:none;background:rgba(0,0,0,0)}.btn.chromeless:focus-visible,.btn.hairline:focus-visible,.btn.hairline-dark:focus-visible,.btn.link-btn:focus-visible{box-shadow:var(--focus-ring)}.btn.chromeless{height:auto;min-height:var(--touch-target-size);padding-inline:0}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless.active,.btn.chromeless:focus{background:rgba(0,0,0,0)}.btn.chromeless:hover,.btn.chromeless:active,.btn.chromeless.active{color:var(--link-color);text-decoration:underline}.btn.hairline,.btn.link-btn{border:1px solid var(--medium-hairline-color)}.btn.hairline:active,.btn.hairline.active,.btn.hairline[aria-expanded=true],.btn.link-btn:active,.btn.link-btn.active,.btn.link-btn[aria-expanded=true]{background:var(--ui-control-static-bg-color)}.btn.hairline:hover,.btn.hairline:active,.btn.hairline.active,.btn.hairline[aria-expanded=true]{border-color:var(--dark-hairline-color)}.btn.hairline-dark{border:1px solid var(--dark-hairline-color)}.btn.hairline-dark:not(:hover,:active,.active,[aria-expanded=true]){background-color:rgba(0,0,0,0)}.btn.link-btn{color:var(--link-color)}.btn.link-btn:hover,.btn.link-btn:active,.btn.link-btn.active,.btn.link-btn[aria-expanded=true]{border-color:var(--link-color)}.btn.wrap{height:auto;min-height:2.125rem;white-space:initial;text-align:start}.btn:not(.disabled,.loading,.dashed,[aria-disabled],[aria-current]):focus,.btn:not(.disabled,.loading,.dashed,[aria-disabled],[aria-current]).focus,.btn:not(.disabled,.loading,.dashed,[aria-disabled],[aria-current]):hover{--ui-control-bg-color: var(--ui-control-hover-bg-color)}.btn:not(.disabled,.loading,.dashed,[aria-disabled],[aria-current]):active,.btn:not(.disabled,.loading,.dashed,[aria-disabled],[aria-current]).active,.btn:not(.disabled,.loading,.dashed,[aria-disabled],[aria-current])[aria-expanded=true]{--ui-control-bg-color: var(--ui-control-active-bg-color)}.btn[type=color]{padding-inline:6px !important;width:36px}.btn.loading{cursor:default}.btn:hover:not(.chromeless){text-decoration:none}.btn:empty,.btn.btn-empty{padding-inline:12px}.btn[data-icon]:not(:empty,.btn-empty)::before,.btn.icon:not(:empty,.btn-empty)::before,.btn.menubtn:not(.action-btn)[data-icon]:empty::before,.btn.menubtn:not(.action-btn)[data-icon].btn-empty::before,.btn.menubtn:not(.action-btn).icon:empty::before,.btn.menubtn:not(.action-btn).icon.btn-empty::before{margin-inline-end:5px}.btn:not(.loading) .spinner{display:none}.btn.loading::before,.btn.loading::after,.btn.loading .cp-icon,.btn.loading .label{visibility:hidden}.btn div.checkbox{margin-block-start:2px}.btn.copyable{color:var(--medium-text-color)}.btn.copyable [data-icon]{margin-inline:0}.btn [data-icon]{margin-block-start:-3px;margin-inline-end:5px}.btn [data-icon].light::before{color:var(--gray-300)}.btn .cp-icon svg rect,.btn .cp-icon svg circle,.btn .cp-icon svg ellipse,.btn .cp-icon svg line,.btn .cp-icon svg polyline,.btn .cp-icon svg polygon,.btn .cp-icon svg path,.btn .cp-icon svg text{fill:currentColor;stroke-width:0}.btn.header-btn{margin-block:2px;margin-inline:0;width:1.875rem;height:1.875rem;min-height:auto;padding-left:0;padding-right:0}.btn.header-btn:not(:hover):not(:active):not(.active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}.btn.header-btn:not(:active):not(.active):not([aria-expanded=true]):hover{background-color:hsla(211,13%,65%,.15)}.disabled:not(.status,.status-label){opacity:.5;user-select:none;cursor:not-allowed !important}.disabled:not(.status,.status-label) .layoutdesigner{pointer-events:none}.noteditable{cursor:not-allowed}.noteditable .element,.noteditable .lightswitch-container,.noteditable+.colorhex{cursor:not-allowed}.btn{height:var(--input-height);min-height:var(--input-height)}.btn[data-icon-after]:not(:empty,.btn-empty)::after,.menu-toggle:not(:empty,.btn-empty)::after,.menubtn:not(.action-btn,:empty,.btn-empty)::after,.menubtn:not(.action-btn).icon::after{margin-inline-start:6px}.btn[data-icon]::before,.btn[data-icon-after]::after,.btn.icon::before{position:relative}.btn.small{--icon-size: calc(12rem / 16)}.btn.small[data-icon]::before,.btn.small[data-icon-after]::after,.btn.small.icon::before{font-size:12px}.btngroup-container{margin:-3px;padding:3px;overflow-x:auto}.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}.btngroup .btn:not(.dashed,:last-child,.btngroup-btn-last){margin-inline-end:1px}.btngroup .btn:not(:first-child,.btngroup-btn-first){border-start-start-radius:0;border-end-start-radius:0}.btngroup .btn:not(:last-child,.btngroup-btn-last){border-start-end-radius:0;border-end-end-radius:0}.btngroup--exclusive .btn[aria-pressed=true]:not(.disabled,.loading,.dashed,[aria-disabled]){--focus-ring: var(--focus-ring-outset);background-color:var(--gray-500);color:var(--white)}.copytext{position:relative;z-index:1;display:flex;white-space:nowrap;align-items:center}.copytext .text{border-start-end-radius:0;border-end-end-radius:0;min-width:0}.copytext .btn{border-start-start-radius:0;border-end-start-radius:0}craft-copy-attribute{display:inline-block;font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.6875rem !important;color:var(--medium-text-color);height:1.375rem}craft-copy-attribute button{gap:5px;display:inline-flex;border:1px solid var(--hairline-color);border-radius:var(--button-border-radius);padding-inline:5px;flex-wrap:nowrap;align-items:center;cursor:pointer;height:100%}craft-copy-attribute button:hover,craft-copy-attribute button:focus{border-color:var(--medium-hairline-color);color:var(--text-color)}craft-copy-attribute button span[data-icon]{margin-block-start:-3px}.menu-toggle,.menubtn:not(.action-btn){display:inline-flex;align-items:center;user-select:none}.menu-toggle::after,.menubtn:not(.action-btn)::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.menu-toggle.btn::after,.menubtn:not(.action-btn).btn::after{inset-block-start:-1px}.menu-toggle.btn:not(.disabled,.inactive):active::after,.menu-toggle.btn:not(.disabled,.inactive).active::after,.menubtn:not(.action-btn).btn:not(.disabled,.inactive):active::after,.menubtn:not(.action-btn).btn:not(.disabled,.inactive).active::after{border-color:var(--ui-control-active-color)}.menu-toggle.btn.submit::after,.menubtn:not(.action-btn).btn.submit::after{border-color:var(--white) !important;opacity:.8}.menu-toggle.btn.submit:not(.disabled,.inactive):hover::after,.menu-toggle.btn.submit:not(.disabled,.inactive).hover::after,.menu-toggle.btn.submit:not(.disabled,.inactive):active::after,.menu-toggle.btn.submit:not(.disabled,.inactive).active::after,.menubtn:not(.action-btn).btn.submit:not(.disabled,.inactive):hover::after,.menubtn:not(.action-btn).btn.submit:not(.disabled,.inactive).hover::after,.menubtn:not(.action-btn).btn.submit:not(.disabled,.inactive):active::after,.menubtn:not(.action-btn).btn.submit:not(.disabled,.inactive).active::after{opacity:1}.menu-toggle:not(.btn,.icon),.menubtn:not(.action-btn):not(.btn,.icon){height:17px}.menu-toggle:not(.btn,.icon)::after,.menubtn:not(.action-btn):not(.btn,.icon)::after{inset-block-start:-2px;border-color:currentcolor}.menu-toggle:empty,.menu-toggle.btn-empty,.menubtn:not(.action-btn):empty,.menubtn:not(.action-btn).btn-empty{padding-inline:8px}@keyframes rotator{0%{transform:rotate(0)}100%{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-inline-end-color:currentcolor;border-block-end-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);transform:translateX(-50%) translateY(-50%);inset-block-start:50%;inset-inline-start:50%;z-index:101}.rtl .spinner.spinner-absolute{transform:translateX(50%) translateY(-50%)}.btn+.spinner{margin-inline-start:7px}.buttons .btn+.spinner,.buttons .btngroup+.spinner{margin-inline-start:0}.buttons.right .btn+.spinner{margin-inline-end:var(--neg-padding)}.btngroup.small .btn,.btn.small{padding-block:0 !important;padding-inline:var(--s) !important;font-size:12px;line-height:1.375rem;min-height:1.375rem !important}.btngroup.small,.btngroup.small input.btn,.btn.small,.btn.small+.spinner{height:1.375rem}.btngroup.big .btn,.btn.big{padding-block:0;padding-inline:14px;font-size:14px;line-height:36px}.btn.big[data-icon]::before,.preview-btn::before,.view-btn::before{margin-inline-start:-2px}.btngroup.big,.btngroup.big input.btn,.btn.big,.btn.big+.spinner{min-height:2.25rem}.btn.huge{padding-inline:var(--l);line-height:3rem;height:3rem}.btn.submit,.btn.secondary{--ui-control-active-color: var(--white);--focus-ring: var(--focus-ring-outset);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.btn.submit{border:var(--primary-button-border) !important;color:var(--primary-button-text-color) !important;background:var(--primary-button-bg) !important}.btn.submit:not(.disabled,.inactive,.loading):hover,.btn.submit:not(.disabled,.inactive,.loading).hover{border:var(--primary-button-border--hover) !important;background:var(--primary-button-bg--hover) !important}.btn.submit:not(.disabled,.inactive,.loading):active,.btn.submit:not(.disabled,.inactive,.loading).active,.btn.submit:not(.disabled,.inactive,.loading)[aria-expanded=true]{border:var(--primary-button-border--active) !important;background:var(--primary-button-bg--active) !important}.btn.caution{background-color:var(--red-050) !important;color:var(--error-color)}.btn.caution:hover,.btn.caution.hover,.btn.caution:focus{background-color:hsl(0,85.7142857143%,92.2549019608%) !important}.btn.caution:active,.btn.caution.active,.btn.caution[aria-expanded=true]{background-color:var(--red-100) !important}.secondary-buttons .btn.submit,.btn.secondary{border:var(--secondary-button-border) !important;color:var(--secondary-button-text-color) !important;background:var(--secondary-button-bg) !important}.secondary-buttons .btn.submit:not(.disabled,.inactive,.loading):hover,.secondary-buttons .btn.submit:not(.disabled,.inactive,.loading).hover,.secondary-buttons .btn.submit:not(.disabled,.inactive,.loading):focus,.btn.secondary:not(.disabled,.inactive,.loading):hover,.btn.secondary:not(.disabled,.inactive,.loading).hover,.btn.secondary:not(.disabled,.inactive,.loading):focus{border:var(--secondary-button-border--hover) !important;background:var(--secondary-button-bg--hover) !important}.secondary-buttons .btn.submit:not(.disabled,.inactive,.loading):active,.secondary-buttons .btn.submit:not(.disabled,.inactive,.loading).active,.secondary-buttons .btn.submit:not(.disabled,.inactive,.loading)[aria-expanded=true],.btn.secondary:not(.disabled,.inactive,.loading):active,.btn.secondary:not(.disabled,.inactive,.loading).active,.btn.secondary:not(.disabled,.inactive,.loading)[aria-expanded=true]{border:var(--secondary-button-border--active) !important;background:var(--secondary-button-bg--active) !important}div.btn.submit{position:relative;overflow:hidden}div.btn.submit input{position:absolute;inset-inline-start:100%}.btn.dashed{border:1px dashed hsla(212, 25%, 50%, 0.5);background-color:rgba(0,0,0,0)}.btngroup .btn.dashed:not(:last-child,.btngroup-btn-last){border-inline-end:1px solid rgba(0,0,0,0);margin-inline-end:-1px}.btn.dashed:focus-visible{background-color:hsla(212,30%,85%,.1);border-color:rgba(0,0,0,0)}.btn.dashed:not(.disabled):active,.btn.dashed:not(.disabled).active,.btn.dashed:not(.disabled)[aria-expanded=true]{background-color:hsla(212,30%,85%,.25)}.chevron-btns{display:flex;justify-content:flex-start}.chevron-btns .btn{position:relative;padding-inline:0;border-radius:0;background-color:rgba(0,0,0,0);height:var(--ui-control-height);min-height:auto}.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;--focus-ring: 0 0 0 1px hsl( 213.3333333333deg, 96.9230769231%, 87.2549019608% ), 0 0 0 3px hsla(var(--light-focus-hsl), 1)}.chevron-btns .btn:focus-visible{z-index:1;box-shadow:none}.chevron-btns .btn:focus-visible .label{z-index:1;box-shadow:var(--focus-ring)}.chevron-btns .btn:not(.has-action-menu){padding-inline-end:calc(var(--ui-control-height)/2);margin-inline-end:2.8px}.chevron-btns .btn:not(.has-action-menu):not(.current-step[data-disclosure-trigger]) .btn-body{padding-inline-end:5px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body{padding-inline-start:8px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label{padding:3px}.chevron-btns .btn.current-step[data-disclosure-trigger] .btn-body .label::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:relative}.chevron-btns .btn .btn-body{display:inline-flex;align-items:center;justify-content:center;height:100%;background-color:var(--ui-control-bg-color)}.chevron-btns .btn .btn-body [data-icon]{--ui-control-height: calc((13rem / 16));text-align:center;margin-inline-end:0}.chevron-btns .btn .label{display:inline-flex;align-items:center;overflow:hidden;text-overflow:ellipsis}.chevron-btns .btn.has-action-menu .btn-body{padding-inline-end:1px;margin-inline-end:0}.chevron-btns .btn .chevron-right,.chevron-btns .btn .chevron-left{position:absolute;inset-block-start:0;height:100%;width:calc(var(--ui-control-height)/2)}.chevron-btns .btn .chevron-left{inset-inline-start:0;border-block-start:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);border-inline-start: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;inset-block-end:0;inset-inline-end:0;border-block-end:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color);border-inline-start:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0)}.chevron-btns .btn .chevron-right{inset-inline-end:0;border-block-start:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-block-end:calc(var(--ui-control-height)/2) solid rgba(0,0,0,0);border-inline-start:calc(var(--ui-control-height)/2) solid var(--ui-control-bg-color)}.chevron-btns ol{position:relative;padding-inline-start:0;list-style-type:none;display:flex}.chevron-btns ol li.first-step .btn .btn-body{padding-inline-start:14px;border-start-start-radius:var(--ui-control-border-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--ui-control-border-radius)}.chevron-btns ol li.first-step .btn .chevron-left{display:none}.chevron-btns ol li:not(.first-step) .btn{margin-inline-start:calc(-1*var(--ui-control-height)/2);padding-inline-start:calc(var(--ui-control-height)/2)}.chevron-btns ol li:not(.first-step) .btn .btn-body{padding-inline-start:7px}.color-input-container{position:relative}.color-input-container .color-hex-indicator{position:absolute;inset-block-start:0;inset-inline-start:7px;width:1em;line-height:34px;text-align:center;user-select:none}.color-input{font-family:\"SFMono-Regular\",Consolas,\"Liberation Mono\",Menlo,Courier,monospace;font-size:.9em !important;padding-inline:calc(7px + 1em) 9px}.color{display:inline-block;position:relative;vertical-align:middle;width:34px;height:34px;border-radius:17px;padding:0}.color:not(.static,.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;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.color .color-preview:focus-within{box-shadow:var(--focus-ring)}.color .color-preview>.color-preview-input{position:absolute;inset-inline-start:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0}.colorhex{display:inline-block;margin-inline-start: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-inline:7px}.lightswitch-outer-container .lightswitch-inner-container span{flex-grow:1;padding-block:7px;padding-inline:0;color:var(--medium-text-color);cursor:default;overflow:auto;overflow-wrap:break-word;hyphens:auto}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=on]{margin-inline-start:7px}.lightswitch-outer-container .lightswitch-inner-container span[data-toggle=off]{margin-inline-end:7px;text-align:end}.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;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.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;inset-block-start:2px;background-color:var(--white);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.lightswitch:not(.small){border-radius:11px;min-width:34px;width:34px;height:22px}.lightswitch:not(.small) .lightswitch-container{margin-inline-start:-12px;width:46px}.lightswitch:not(.small) .lightswitch-container .handle{border-radius:9px;width:18px;height:18px;inset-inline-start:calc(50% - 9px)}.lightswitch.small{border-radius:9px;width:28px;height:18px}.lightswitch.small .lightswitch-container{margin-inline-start:-10px;width:38px}.lightswitch.small .lightswitch-container .handle{border-radius:8px;width:14px;height:14px;inset-inline-start:calc(50% - 7px)}table .lightswitch{display:inline-block;margin-block-end:-5px}.lightswitch.on .lightswitch-container{margin-inline-start:0}.lightswitch.indeterminate:not(.small) .lightswitch-container{margin-inline-start:-6px}.lightswitch.indeterminate.small .lightswitch-container{margin-inline-start:-5px}table.data+.pagination{margin-block-start:24px}.pagination .page-link{width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;border-radius:var(--medium-border-radius)}.pagination .page-link::after{position:relative;transition:border-color linear 100ms}.pagination .page-link.prev-page::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative;inset-inline-end:-1px}body.ltr .pagination .page-link.prev-page::after{transform:rotate(135deg)}body.rtl .pagination .page-link.prev-page::after{transform:rotate(-45deg)}.pagination .page-link.next-page::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .125rem .125rem 0;opacity:.8;position:relative;inset-inline-start:-1px}body.ltr .pagination .page-link.next-page::after{transform:rotate(-45deg)}body.rtl .pagination .page-link.next-page::after{transform:rotate(135deg)}.pagination .page-link:not(.disabled){transition:box-shadow linear 100ms;box-shadow:inset 0 0 0 1px var(--hairline-color);cursor:pointer}.pagination .page-link:not(.disabled):hover{text-decoration:none;box-shadow:inset 0 0 0 1px var(--link-color)}.pagination .page-link:not(.disabled):hover::after{border-color:var(--link-color)}.pagination .page-link:not(.disabled):focus-visible{box-shadow:inset 0 0 0 1px var(--hairline-color),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled::after{border-color:var(--hairline-color)}.actions{float:inline-end}.actions>li{float:inline-start}.actions>li+li{margin-inline-start:10px}h1+.actions{margin-block-start:-100px}h2+.actions{margin-block-start:-54px}.tablepane{--pane-y-padding-default: calc(var(--xl) - 2px);--pane-x-padding-default: calc(var(--padding) - 2px);margin-block:calc(var(--pane-padding, var(--pane-y-padding-default))*-1) calc(var(--pane-padding, var(--padding))*-1 + var(--pane-padding, var(--m)));margin-inline:calc(var(--pane-padding, var(--pane-x-padding-default))*-1);padding:0 !important;overflow-x:auto}#content .tablepane{--pane-padding: var(--pane-x-padding-default)}.tablepane table.data th:first-child:not(.checkbox-cell,.vuetable-th-slot-checkbox),.tablepane table.data td:first-child:not(.checkbox-cell,.vuetable-th-slot-checkbox){padding-inline-start:var(--pane-padding, var(--pane-x-padding-default))}.tablepane table.data th:last-child,.tablepane table.data td:last-child{padding-inline-end:var(--pane-padding, var(--pane-x-padding-default))}table.fixed-layout{table-layout:fixed}table th.thin,table td.thin{width:.01% !important;white-space:nowrap}table thead th{font-weight:bold;text-align:start;vertical-align:top}table:not(.data) th,table:not(.data) td{padding-block:7px}table:not(.data) th:not(:first-child),table:not(.data) td:not(:first-child){padding-inline-start:12px}table:not(.data) th:not(:last-child),table:not(.data) td:not(:last-child){padding-inline-end:12px}table.data th,table.data td{position:relative;padding-inline:12px;box-sizing:border-box}table.data th.checkbox-cell,table.data th.vuetable-th-slot-checkbox,table.data td.checkbox-cell,table.data td.vuetable-th-slot-checkbox{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 th.vuetable-th-slot-checkbox input.checkbox+label,table.data th.vuetable-th-slot-checkbox div.checkbox,table.data td.checkbox-cell input.checkbox+label,table.data td.checkbox-cell div.checkbox,table.data td.vuetable-th-slot-checkbox input.checkbox+label,table.data td.vuetable-th-slot-checkbox div.checkbox{position:absolute;inset-block-start:calc(50% - .5rem)}table.data th{font-weight:bold}table.data thead:first-child tr:first-child th:first-child,table.data thead:first-child tr:first-child td:first-child,table.data tbody:first-child tr:first-child th:first-child,table.data tbody:first-child tr:first-child td:first-child,table.data tfoot:first-child tr:first-child th:first-child,table.data tfoot:first-child tr:first-child td:first-child,table.data caption+thead tr:first-child th:first-child,table.data caption+thead tr:first-child td:first-child,table.data caption+tbody tr:first-child th:first-child,table.data caption+tbody tr:first-child td:first-child,table.data caption+tfoot tr:first-child th:first-child,table.data caption+tfoot tr:first-child td:first-child{border-start-start-radius:var(--border-radius, var(--small-border-radius));border-end-start-radius:var(--border-radius, var(--small-border-radius))}table.data thead:first-child tr:first-child th:last-child,table.data thead:first-child tr:first-child td:last-child,table.data tbody:first-child tr:first-child th:last-child,table.data tbody:first-child tr:first-child td:last-child,table.data tfoot:first-child tr:first-child th:last-child,table.data tfoot:first-child tr:first-child td:last-child,table.data caption+thead tr:first-child th:last-child,table.data caption+thead tr:first-child td:last-child,table.data caption+tbody tr:first-child th:last-child,table.data caption+tbody tr:first-child td:last-child,table.data caption+tfoot tr:first-child th:last-child,table.data caption+tfoot tr:first-child td:last-child{border-start-end-radius:var(--border-radius, var(--small-border-radius));border-end-end-radius:var(--border-radius, var(--small-border-radius))}table.data thead th,table.data thead td{width:auto;background-color:var(--gray-050);cursor:default}table.data thead th:not(.orderable),table.data thead td{padding-block:var(--s)}table.data thead th{white-space:nowrap;vertical-align:middle}table.data thead th.orderable{position:relative;padding:0 !important}body:not(.dragging) table.data thead th.orderable:not(.ordered):hover{background-color:var(--gray-100)}table.data thead th.orderable.ordered{background-color:var(--light-sel-color)}table.data thead th.orderable.ordered:not(.loading) button::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);inset-block-start:2px;position:absolute;inset-inline-end:var(--m);inset-block-start:calc(50% - 3px)}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-block:var(--m);padding-inline:var(--m) 35px;text-align:start}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;inset-block-start:calc(50% - 6px);inset-inline-end:8px;--size: 12px}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 .status-label .status-label-text,table.data tbody tr:not(.disabled).active-drop-target .status-label .status-label-text{--status-label-text-color: var(--white) !important}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 tr:not(.disabled).sel th .chip,table.data tbody tr:not(.disabled).sel td .chip,table.data tbody tr:not(.disabled).active-drop-target th .chip,table.data tbody tr:not(.disabled).active-drop-target td .chip{color:var(--white)}table.data tbody tr:not(.disabled).sel th .chip:not(.chromeless),table.data tbody tr:not(.disabled).sel td .chip:not(.chromeless),table.data tbody tr:not(.disabled).active-drop-target th .chip:not(.chromeless),table.data tbody tr:not(.disabled).active-drop-target td .chip:not(.chromeless){background-color:var(--custom-sel-bg-color, var(--gray-600)) !important}table.data tbody tr:not(.disabled).sel .icon,table.data tbody tr:not(.disabled).sel .cp-icon,table.data tbody tr:not(.disabled).sel [data-icon],table.data tbody tr:not(.disabled).sel [data-icon-after],table.data tbody tr:not(.disabled).active-drop-target .icon,table.data tbody tr:not(.disabled).active-drop-target .cp-icon,table.data tbody tr:not(.disabled).active-drop-target [data-icon],table.data tbody tr:not(.disabled).active-drop-target [data-icon-after]{--icon-color: var(--white) !important}table.data tbody th,table.data tbody td{padding-block:7px;max-width:33vw}table.data tbody td.timestamp{text-align:end;vertical-align:bottom;white-space:nowrap;color:var(--light-text-color)}table.data thead+tbody tr th,table.data thead+tbody tr td,table.data tr+tr th,table.data tr+tr td{border-block-start: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-block-start-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:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);inset-block-start:2px;inset-inline-end:var(--m);inset-block-start:.4375rem}table.data.vuetable th.sortable.ordered.desc .sort-icon{transform:rotate(45deg);inset-block-start:.3125rem}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;text-align:start;width:auto !important;white-space:normal}table.collapsed thead{display:none}table.collapsed tbody tr{padding-block:6px;padding-inline:0;border-block-end: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-block:2px !important;padding-inline:0 !important}table.collapsed tbody td:empty{display:none}table.collapsed tbody [data-title]{margin-inline-end:0}table.collapsed tbody [data-title]::before{margin-inline-end: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 .chip,.datatablesorthelper a{cursor:move !important}.datatablesorthelper tr:first-child th,.datatablesorthelper tr:first-child td{border-block-start:none !important}.datatablesorthelper tr:last-child th,.datatablesorthelper tr:last-child td{border-block-end:none !important}.datatablesorthelper th .toggle{display:none !important}.chip,.card,.matrixblock{position:relative;border-radius:var(--large-border-radius);color:var(--custom-text-color, var(--text-color));--custom-border-color: initial;--custom-titlebar-bg-color: initial;--custom-bg-color: initial;--custom-text-color: initial;--custom-sel-titlebar-bg-color: initial;--custom-sel-bg-color: initial}.chip:not(.chromeless,.hairline),.card:not(.chromeless,.hairline),.matrixblock:not(.chromeless,.hairline){background-color:var(--custom-bg-color, var(--gray-050));box-shadow:0 2px 6px -1px rgba(0,0,0,.05)}.chip:not(.chromeless)::before,.card:not(.chromeless)::before,.matrixblock:not(.chromeless)::before{position:absolute;content:\"\";inset:0;border-radius:var(--large-border-radius);box-shadow:inset 0 0 0 1px var(--custom-border-color, var(--gray-150));pointer-events:none;z-index:1}.chip,.card{overflow:hidden}.chip.sel,tr.sel .chip,li.sel .chip,li.active-drop-target .chip,.card.sel .chip,.card.sel,tr.sel .card,li.sel .card,li.active-drop-target .card,.card.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--custom-border-color: rgb(0 0 0 / 10%) !important;--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white)}.chip.sel:not(.chromeless),tr.sel .chip:not(.chromeless),li.sel .chip:not(.chromeless),li.active-drop-target .chip:not(.chromeless),.card.sel .chip:not(.chromeless),.card.sel:not(.chromeless),tr.sel .card:not(.chromeless),li.sel .card:not(.chromeless),li.active-drop-target .card:not(.chromeless),.card.sel .card:not(.chromeless){background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.chip.sel .icon,.chip.sel .cp-icon,.chip.sel [data-icon],.chip.sel [data-icon-after],tr.sel .chip .icon,tr.sel .chip .cp-icon,tr.sel .chip [data-icon],tr.sel .chip [data-icon-after],li.sel .chip .icon,li.sel .chip .cp-icon,li.sel .chip [data-icon],li.sel .chip [data-icon-after],li.active-drop-target .chip .icon,li.active-drop-target .chip .cp-icon,li.active-drop-target .chip [data-icon],li.active-drop-target .chip [data-icon-after],.card.sel .chip .icon,.card.sel .chip .cp-icon,.card.sel .chip [data-icon],.card.sel .chip [data-icon-after],.card.sel .icon,.card.sel .cp-icon,.card.sel [data-icon],.card.sel [data-icon-after],tr.sel .card .icon,tr.sel .card .cp-icon,tr.sel .card [data-icon],tr.sel .card [data-icon-after],li.sel .card .icon,li.sel .card .cp-icon,li.sel .card [data-icon],li.sel .card [data-icon-after],li.active-drop-target .card .icon,li.active-drop-target .card .cp-icon,li.active-drop-target .card [data-icon],li.active-drop-target .card [data-icon-after],.card.sel .card .icon,.card.sel .card .cp-icon,.card.sel .card [data-icon],.card.sel .card [data-icon-after]{--icon-color: var(--white) !important}.chip.sel .thumb,tr.sel .chip .thumb,li.sel .chip .thumb,li.active-drop-target .chip .thumb,.card.sel .chip .thumb,.card.sel .thumb,tr.sel .card .thumb,li.sel .card .thumb,li.active-drop-target .card .thumb,.card.sel .card .thumb{filter:brightness(0.85);opacity:.75}.chip{position:relative;display:inline-flex;align-items:center;cursor:default;user-select:none;font-weight:normal;padding-block:0;max-width:100%;gap:var(--xs);border-radius:var(--large-border-radius)}.chip:not(.chromeless){padding-inline:var(--s)}.chip.small{flex-direction:row;--thumb-size: calc(30rem / 16)}.chip.small>.thumb{margin-inline-end:2px;margin-block:0}.chip.small>.thumb.cp-icon{--thumb-size: 1rem}.chip.small:not(.chromeless){min-height:calc(1.625rem + 8px)}.chip.small:not(.chromeless)>.thumb{margin-inline-start:-2px}.chip.large{flex-direction:column;--thumb-size: 120px;min-width:calc(var(--s)*2 + var(--thumb-size));width:100%}.chip.large .chip-content{width:100%}.chip.large:not(.chromeless){padding-block:var(--xs)}.chip .chip-content{display:flex;flex-direction:row;align-items:center;gap:var(--s);width:100%}.chip .chip-content .status,.chip .chip-content .icon{margin-inline-end:0}.chip .chip-content .icon{margin-block:-4px 0;margin-inline:-1px}.chip .chip-content .label{flex:1}.chip .chip-content .chip-label{padding-block:var(--xs);padding-inline:0;display:flex;flex-direction:column;gap:var(--xs)}.chip .chip-content .chip-label .indicators{display:flex;gap:var(--xs);padding-block:var(--2xs)}.chip .chip-content .chip-actions{margin-inline-start:auto}.chip:not(.large) .chip-content .chip-actions{margin-inline-end:4px}.chip:has(.thumb):not(.large) .chip-content{min-width:calc(100% - var(--thumb-size) - var(--s))}.offset-drag-helper .chip{background-color:var(--gray-050);box-shadow:0 1px 5px -1px hsla(210,24%,16%,.2)}.chip>.thumb{flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;width:var(--thumb-size);height:var(--thumb-size)}.chip>.thumb.rounded img,.chip>.thumb.rounded svg{border:var(--xs) solid rgba(0,0,0,0);border-radius:50%}.chip>.thumb.checkered img{background-image:linear-gradient(45deg, 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}.chip>.thumb img,.chip>.thumb svg{display:block;flex-shrink:0;border-radius:var(--small-border-radius);max-width:100%;max-height:100%}.chip>.thumb svg{width:100%}.cp-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size)}.cp-icon svg{width:var(--icon-size);height:var(--icon-size);max-width:var(--icon-size) !important;max-height:var(--icon-size) !important}.cp-icon svg rect,.cp-icon svg circle,.cp-icon svg ellipse,.cp-icon svg line,.cp-icon svg polyline,.cp-icon svg polygon,.cp-icon svg path,.cp-icon svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.cp-icon.large{--icon-size: calc(20rem / 16)}.cp-icon.small{--icon-size: calc(14rem / 16)}.cp-icon.puny{--icon-size: calc(12rem / 16)}.chips,.cards{display:flex}.chips:not(.inline-chips),.cards:not(.inline-chips){flex-direction:column}.chips li,.cards li{max-width:100%}.cards{gap:var(--s)}.chips{align-items:flex-start;gap:var(--xs)}.chips.chips-small li{height:2.125rem}.inline-chips{display:flex;flex-flow:row wrap;align-items:center;gap:var(--xs)}.inline-chips .chip{margin:0 !important}.elements.inline-chips.chips-large{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}.card{display:flex;flex-direction:column;container-type:inline-size}.card::after{border-radius:var(--large-border-radius)}.card>.card-titlebar{display:flex;flex-direction:column;justify-content:space-between;padding-inline:var(--m);background-color:var(--custom-titlebar-bg-color, var(--gray-100));border-start-start-radius:var(--large-border-radius);border-start-end-radius:var(--large-border-radius);user-select:none}@container (min-width: 200px){.card>.card-titlebar{flex-direction:row;align-items:center;min-height:calc(var(--lh) + 10px)}}.card>.card-titlebar .card-titlebar-label{font-size:.8em !important}.card>.card-titlebar>.card-actions-container{display:flex;align-items:flex-start !important;position:relative}.card>.card-main{display:grid;position:relative;padding-block:var(--s);padding-inline:var(--m);gap:var(--s);border-end-start-radius:var(--large-border-radius);border-end-end-radius:var(--large-border-radius);width:100%;overflow:hidden}.card>.card-main>.thumb{display:flex;justify-content:center;flex:0 0 120px;width:120px;max-height:120px;overflow:hidden;align-self:start}.card>.card-main>.thumb img,.card>.card-main>.thumb svg{max-width:120px;max-height:120px;border-radius:var(--small-border-radius)}@container (min-width: 200px){.card>.card-main{grid-template-columns:1fr auto}}.ck-content .card ul{padding-inline:0 !important;list-style-type:none}.card .card-content,.card .card-content .card-body{display:flex;flex-direction:column;gap:var(--xs);flex:1}.card .card-content{flex:1 0 0 !important;overflow:hidden;position:relative;--focus-ring: var(--inner-focus-ring)}.card .card-content .card-heading{display:flex;flex-direction:row;align-items:center;gap:5px;min-height:1.375rem}.card .card-content .card-heading .label{font-weight:600}.card .card-content .card-body:empty{display:none}.card .card-content .card-body>.card-attribute-preview:not(:has(>.no-truncate)){--max-lines: 2;margin:0;max-height:calc(var(--lh)*var(--max-lines));overflow:hidden;text-wrap:pretty}.card.sel,li.sel .card{--text-color: var(--white);--custom-text-color: var(--white) !important;--medium-dark-text-color: var(--white);--medium-text-color: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--light-focus-hsl));color:var(--white);background-color:var(--custom-sel-bg-color, var(--dark-sel-color)) !important}.card.sel>.card-titlebar,li.sel .card>.card-titlebar{background-color:var(--custom-sel-titlebar-bg-color, var(--gray-600))}.card.sel>.card-titlebar .icon,.card.sel>.card-titlebar .cp-icon,.card.sel>.card-titlebar [data-icon],.card.sel>.card-titlebar [data-icon-after],li.sel .card>.card-titlebar .icon,li.sel .card>.card-titlebar .cp-icon,li.sel .card>.card-titlebar [data-icon],li.sel .card>.card-titlebar [data-icon-after]{--icon-color: var(--white) !important}.card.sel .status-label .status-label-text,li.sel .card .status-label .status-label-text{--status-label-text-color: var(--white) !important}.card-grid{display:grid !important;gap:var(--s) !important;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.card-grid>li{border-radius:var(--large-border-radius)}.card-grid>li>.card{margin:0 !important;height:100%}.lp-editor-container .card-grid,.width-50 .card-grid,.width-25 .card-grid{grid-template-columns:minmax(0, 1fr)}.context-label,.context-menu-container{display:inline-flex;align-items:center;margin-inline-start:var(--xs);height:var(--touch-target-size);padding-block:0;padding-inline:var(--s);font-size:11px;font-weight:normal;text-decoration:none !important;color:var(--medium-dark-text-color);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--medium-hairline-color)}.context-menu-container{padding-inline-end:0}.context-menu-container .menubtn:not(.action-btn){margin-inline:0 -1px;margin-block:0;padding-inline-end:2px !important;border-inline-start:1px solid var(--medium-hairline-color);border-start-start-radius:0;border-start-end-radius:calc(var(--touch-target-size)/2);border-end-end-radius:calc(var(--touch-target-size)/2);border-end-start-radius:0}.context-menu-container .menubtn:not(.action-btn):hover{border-color:var(--dark-hairline-color) !important}.context-menu-container>*{display:inline-block;padding-inline-end:var(--s)}.context-menu-container .menubtn:not(.action-btn):only-child,.context-menu-container .visually-hidden:first-child+.menubtn:not(.action-btn):last-child{margin-block:0;margin-inline:calc(var(--s)*-1);border-inline-start:none !important;border-radius:calc(var(--touch-target-size)/2) !important}.chip>.chip-content>.chip-actions,.card>.card-titlebar>.card-actions-container>.card-actions,.matrixblock>.actions{display:flex;flex-direction:row;align-items:center;gap:var(--s);min-height:1.375rem}.chip>.chip-content>.chip-actions:empty,.card>.card-titlebar>.card-actions-container>.card-actions:empty,.matrixblock>.actions:empty{display:none}.chip>.chip-content>.chip-actions>.status,.card>.card-titlebar>.card-actions-container>.card-actions>.status,.matrixblock>.actions>.status{margin:0}.chip>.chip-content>.chip-actions>.btn.chromeless,.chip>.chip-content>.chip-actions>.action-btn,.card>.card-titlebar>.card-actions-container>.card-actions>.btn.chromeless,.card>.card-titlebar>.card-actions-container>.card-actions>.action-btn,.matrixblock>.actions>.btn.chromeless,.matrixblock>.actions>.action-btn{padding-inline:0 !important;height:var(--touch-target-size);width:var(--touch-target-size);margin-block:0;margin-inline:-4px}.chip>.chip-content>.chip-actions>.btn.chromeless::before,.chip>.chip-content>.chip-actions>.action-btn::before,.card>.card-titlebar>.card-actions-container>.card-actions>.btn.chromeless::before,.card>.card-titlebar>.card-actions-container>.card-actions>.action-btn::before,.matrixblock>.actions>.btn.chromeless::before,.matrixblock>.actions>.action-btn::before{color:var(--custom-text-color, var(--ui-control-color))}.chip>.chip-content>.chip-actions .action-btn,.card>.card-titlebar>.card-actions-container>.card-actions .action-btn,.matrixblock>.actions .action-btn{background-color:rgba(0,0,0,0)}.chip>.chip-content>.chip-actions .action-btn::before,.card>.card-titlebar>.card-actions-container>.card-actions .action-btn::before,.matrixblock>.actions .action-btn::before{margin-inline-end:0 !important}.chip>.chip-content>.chip-actions .action-btn:hover,.chip>.chip-content>.chip-actions .action-btn:active,.chip>.chip-content>.chip-actions .action-btn[aria-expanded=true],.card>.card-titlebar>.card-actions-container>.card-actions .action-btn:hover,.card>.card-titlebar>.card-actions-container>.card-actions .action-btn:active,.card>.card-titlebar>.card-actions-container>.card-actions .action-btn[aria-expanded=true],.matrixblock>.actions .action-btn:hover,.matrixblock>.actions .action-btn:active,.matrixblock>.actions .action-btn[aria-expanded=true]{backdrop-filter:brightness(90%)}.chip .checkbox::before,.card .checkbox::before{box-shadow:none !important}.chip .label,.card .label{display:flex;align-items:center;gap:var(--xs);overflow:hidden}.chip .label .label-link,.card .label .label-link{flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .label .label-link:focus,.card .label .label-link:focus{box-shadow:var(--inner-focus-ring)}.chip .label a.label-link,.card .label a.label-link{color:var(--link-color)}.chip .label .segment::after,.card .label .segment::after{display:inline-flex !important;position:relative;inset-block-start:-2px;margin-inline:2px 5px;margin-block:0;display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--light-text-color);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .chip .label .segment::after,body.ltr .card .label .segment::after{transform:rotate(-45deg)}body.rtl .chip .label .segment::after,body.rtl .card .label .segment::after{transform:rotate(135deg)}.sel .chip .label .segment::after,.sel .card .label .segment::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid var(--white);border-width:0 .0625rem .0625rem 0;opacity:.8;position:relative}body.ltr .sel .chip .label .segment::after,body.ltr .sel .card .label .segment::after{transform:rotate(-45deg)}body.rtl .sel .chip .label .segment::after,body.rtl .sel .card .label .segment::after{transform:rotate(135deg)}.chip.error .label .label-link,.card.error .label .label-link{color:var(--error-color)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--light-sel-color);--ui-control-hover-bg-color: 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;inset-block-start:0;width:0;height:0;inset-inline-end:0;border-block-start:calc(var(--ui-control-height)/2) solid hsl(212,60%,97%);border-inline-start: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;inset-block-start:calc(var(--ui-control-height)/2);inset-inline-end:0;border-block-end:calc(var(--ui-control-height)/2) solid hsl(212,60%,97%);border-inline-start: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-block:calc(var(--padding)*-1 + 2px) 24px;margin-inline:calc(var(--padding)*-1 + 2px)}.element-index.main .source-path+.elements>.tablepane{margin-block-start:calc(var(--xl)*-1 + 2px)}.element-index.main .inline-editing textarea,.element-index.main .inline-editing input[type=email],.element-index.main .inline-editing input[type=text].fullwidth,.element-index.main .inline-editing input[type=url],.element-index.main .inline-editing .link-input{min-width:10rem}.element-index.main .inline-editing .link-input .flex-nowrap,.element-index.main .inline-editing .icon-picker{flex-wrap:wrap}.element-index.main .inline-editing .money-container input[type=text].fullwidth,.element-index.main .inline-editing input[type=text][inputmode].fullwidth{min-width:5rem;width:5rem}.element-index.main .inline-editing .lightswitch-outer-container .lightswitch-inner-container span{overflow:initial}.element-index.main .inline-editing .selectize.select:not(.fullwidth){width:10rem}.element-index.main .inline-editing .flex:has(input[type=text][inputmode].fullwidth){flex-wrap:nowrap}.elementselectormodal .element-index .source-path{margin-block-end:2px}.element-index.pane .toolbar{position:relative;z-index:2;margin-block:calc(var(--pane-padding)*-1) var(--pane-padding) !important;margin-inline:calc(var(--pane-padding)*-1) !important;border-radius:calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--hairline-color);background-color:var(--gray-050)}.element-index.pane .header{padding-block:var(--pane-padding);background-color:rgba(0,0,0,0);border-block-end:1px solid var(--hairline-color)}.element-index.pane .elements{--border-radius: 0}.element-index.pane .elements .tableview table.data thead th,.element-index.pane .elements .tableview table.data thead td{border-block-end:1px solid var(--hairline-color)}.element-index.pane .elements .tableview table.data thead th:not(.ordered),.element-index.pane .elements .tableview table.data thead td:not(.ordered){background-color:rgba(0,0,0,0)}.element-index.pane .footer{border-radius:0 0 calc(var(--large-border-radius) - 1px) calc(var(--large-border-radius) - 1px) !important;box-shadow:none;border-block-start:1px solid var(--hairline-color);background:rgba(0,0,0,0)}.element-index craft-proxy-scrollbar{position:sticky;width:calc(100% + var(--xl)*2);margin-inline:calc(var(--xl)*-1)}.elements{position:relative}.elements:not(.busy) .update-spinner{display:none}.elements.busy{min-height:72px}.elements.busy::after{display:block;content:\"\";font-size:0;position:absolute;z-index:100;inset-block-start:0;inset-inline-start:calc(var(--pane-padding, 24px)*-1);width:calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));height:100%;background:hsla(0,0%,100%,.75);border-radius:var(--large-border-radius)}.elements .header{margin-block:calc(var(--xl)*-1 + 2px) var(--xl);margin-inline:calc(var(--padding)*-1 + 2px);padding:var(--s);background-color:var(--gray-050);box-shadow:none;border-radius:var(--border-radius, var(--small-border-radius))}.elements .header::after{content:\"\"}.elements .header .selectallcontainer{display:flex;align-items:center;gap:5px;cursor:default}.elements .tableview tr.draggee th,.elements .tableview tr.draggee td,.elements .thumbsview li.draggee{opacity:.25}.elements .tableview th,.elements .tableview td{height:34px}.elements .tableview th .move,.elements .tableview th .toggle{display:flex;position:absolute;justify-content:center;align-items:center;inset-block-start:50%;transform:translateY(-50%);margin-inline-start:calc(var(--touch-target-size)*-1);width:var(--touch-target-size);height:var(--touch-target-size)}.elements .tableview th .move{font-size:11px;text-decoration:none}.elements .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}.elements .tableview th .move+.toggle{margin-inline-start:calc(var(--touch-target-size)*-2)}.elements .tableview th .enabled-label{margin-inline-start:var(--xs)}.elements .tableview tr.disabled{opacity:1}.elements .tableview tr.disabled>th>div>*,.elements .tableview tr.disabled>td{opacity:.25}.elements .tableview tr.disabled>th>div>button.toggle{opacity:1;pointer-events:all}.elements .thumbsview{display:grid;gap:var(--s);grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.elements .thumbsview li{position:relative;margin-inline:0 1px;margin-block:0 1px;max-width:226px;border-radius:var(--large-border-radius)}.elements .thumbsview li:hover .chip{background-color:var(--gray-050)}.elements .thumbsview li.sel a{cursor:pointer !important}.elements .thumbsview li.sel a:hover{text-decoration:underline}.elements .thumbsview .chip.large{width:100%}.elements .thumbsview .chip-content{max-width:100%}.export-form{position:relative}.export-form .spinner{position:absolute;inset-block-end:0;inset-inline-end:-24px}.structure{position:relative;z-index:1}.structure li{padding-inline-start: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;margin-inline:8px 0;margin-block:-1px;padding-inline-start:0;height:2px;background-color:var(--link-color) !important;border-inline-start:none;border-radius:1px}.structure li .toggle{position:relative;z-index:1;float:inline-start;margin-inline:-12px -8px;margin-block:10px 0;padding:4px}.structure li .row::after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.structure li .move,.structure li .add{margin-inline:0 5px;margin-block:5px 0;opacity:0;transition:opacity linear 100ms}.structure li .add{padding-block:0;padding-inline: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)}.structure li .checkbox{float:inline-start;margin-inline:7px 0;margin-block:7px 0}.structure ul{margin-inline-start:-3px}.structure ul li{padding-inline-start:38px;background-repeat:no-repeat;--background-position-x: 0;--background-position-y: -6px;background-position:var(--background-position-x) var(--background-position-y)}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\")}.structure ul li:not(:last-child,.last){padding-inline-start:37px;border-inline-start:1px solid var(--gray-200)}body.ltr .structure ul li:not(:last-child,.last){--background-position-x: -1px}body.rtl .structure ul li:not(:last-child,.last){--background-position-x: calc(100% + 1px)}.structure ul li.draginsertion{margin-inline-start:38px}.structure .row.draghover .chip{z-index:2;border-radius:15px;box-shadow:inset 0 0 0 2px var(--link-color)}.structure .row.droptarget{border-radius:5px;box-shadow:inset 0 0 0 2px var(--link-color)}.elementselect .elements:not(:empty)+.flex,.componentselect .components:not(:empty)+.flex{margin-block-start:var(--s)}.elementselect{position:relative;min-height:34px}.elementselect .flex,.elementselect .btn{clear:both}.elementselect .structure .chip{margin-block-start:var(--xs)}.elementselect .structure>li{padding-inline-start:0}.elementselect .structure ul{margin-inline-start:14px}.elementselect .structure ul li{--background-position-y: 0}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--large-border-radius);border:var(--input-border);color:var(--text-color)}table.editable th,table.editable td.heading,table.editable td.action{color:var(--medium-text-color);font-weight:normal}table.editable th button:not(.lightswitch),table.editable th a,table.editable td.heading button:not(.lightswitch),table.editable td.heading a,table.editable td.action button:not(.lightswitch),table.editable td.action a{display:inline-flex;width:var(--touch-target-size);height:var(--touch-target-size);align-items:center;justify-content:center}table.editable th .flex,table.editable td.heading .flex,table.editable td.action .flex{gap:0}table.editable td.action{padding-inline:var(--xs) !important;vertical-align:middle}table.editable td.action:has(+td.action){padding-inline-end:0 !important}table.editable td.action+td.action{padding-inline-start:0 !important}table.editable thead tr th,table.editable tbody tr th{padding-block:6px;padding-inline:10px}table.editable thead:first-child tr:first-child th:first-child,table.editable thead:first-child tr:first-child td:first-child,table.editable tbody:first-child tr:first-child th:first-child,table.editable tbody:first-child tr:first-child td:first-child,table.editable colgroup+thead tr:first-child th:first-child,table.editable colgroup+thead tr:first-child td:first-child,table.editable colgroup+tbody tr:first-child th:first-child,table.editable colgroup+tbody tr:first-child td:first-child{border-start-start-radius:var(--large-border-radius)}table.editable thead:first-child tr:first-child th:first-child textarea,table.editable thead:first-child tr:first-child th:first-child input.text,table.editable thead:first-child tr:first-child td:first-child textarea,table.editable thead:first-child tr:first-child td:first-child input.text,table.editable tbody:first-child tr:first-child th:first-child textarea,table.editable tbody:first-child tr:first-child th:first-child input.text,table.editable tbody:first-child tr:first-child td:first-child textarea,table.editable tbody:first-child tr:first-child td:first-child input.text,table.editable colgroup+thead tr:first-child th:first-child textarea,table.editable colgroup+thead tr:first-child th:first-child input.text,table.editable colgroup+thead tr:first-child td:first-child textarea,table.editable colgroup+thead tr:first-child td:first-child input.text,table.editable colgroup+tbody tr:first-child th:first-child textarea,table.editable colgroup+tbody tr:first-child th:first-child input.text,table.editable colgroup+tbody tr:first-child td:first-child textarea,table.editable colgroup+tbody tr:first-child td:first-child input.text{border-start-start-radius:calc(var(--large-border-radius) - 1px)}table.editable thead:first-child tr:first-child th:last-child,table.editable thead:first-child tr:first-child td:last-child,table.editable tbody:first-child tr:first-child th:last-child,table.editable tbody:first-child tr:first-child td:last-child,table.editable colgroup+thead tr:first-child th:last-child,table.editable colgroup+thead tr:first-child td:last-child,table.editable colgroup+tbody tr:first-child th:last-child,table.editable colgroup+tbody tr:first-child td:last-child{border-start-end-radius:var(--large-border-radius)}table.editable thead:first-child tr:first-child th:last-child textarea,table.editable thead:first-child tr:first-child th:last-child input.text,table.editable thead:first-child tr:first-child td:last-child textarea,table.editable thead:first-child tr:first-child td:last-child input.text,table.editable tbody:first-child tr:first-child th:last-child textarea,table.editable tbody:first-child tr:first-child th:last-child input.text,table.editable tbody:first-child tr:first-child td:last-child textarea,table.editable tbody:first-child tr:first-child td:last-child input.text,table.editable colgroup+thead tr:first-child th:last-child textarea,table.editable colgroup+thead tr:first-child th:last-child input.text,table.editable colgroup+thead tr:first-child td:last-child textarea,table.editable colgroup+thead tr:first-child td:last-child input.text,table.editable colgroup+tbody tr:first-child th:last-child textarea,table.editable colgroup+tbody tr:first-child th:last-child input.text,table.editable colgroup+tbody tr:first-child td:last-child textarea,table.editable colgroup+tbody tr:first-child td:last-child input.text{border-start-end-radius:calc(var(--large-border-radius) - 1px)}table.editable thead:last-child tr:last-child th:first-child,table.editable thead:last-child tr:last-child td:first-child,table.editable tbody:last-child tr:last-child th:first-child,table.editable tbody:last-child tr:last-child td:first-child{border-end-start-radius:var(--large-border-radius)}table.editable thead:last-child tr:last-child th:first-child textarea,table.editable thead:last-child tr:last-child th:first-child input.text,table.editable thead:last-child tr:last-child td:first-child textarea,table.editable thead:last-child tr:last-child td:first-child input.text,table.editable tbody:last-child tr:last-child th:first-child textarea,table.editable tbody:last-child tr:last-child th:first-child input.text,table.editable tbody:last-child tr:last-child td:first-child textarea,table.editable tbody:last-child tr:last-child td:first-child input.text{border-end-start-radius:calc(var(--large-border-radius) - 1px)}table.editable thead:last-child tr:last-child th:last-child,table.editable thead:last-child tr:last-child td:last-child,table.editable tbody:last-child tr:last-child th:last-child,table.editable tbody:last-child tr:last-child td:last-child{border-end-end-radius:var(--large-border-radius)}table.editable thead:last-child tr:last-child th:last-child textarea,table.editable thead:last-child tr:last-child th:last-child input.text,table.editable thead:last-child tr:last-child td:last-child textarea,table.editable thead:last-child tr:last-child td:last-child input.text,table.editable tbody:last-child tr:last-child th:last-child textarea,table.editable tbody:last-child tr:last-child th:last-child input.text,table.editable tbody:last-child tr:last-child td:last-child textarea,table.editable tbody:last-child tr:last-child td:last-child input.text{border-end-end-radius:calc(var(--large-border-radius) - 1px)}table.editable thead tr th{border-block-end:1px solid var(--hairline-color);font-family:inherit;font-size:.8em !important;font-weight:500;line-height:1.4}table.editable thead tr th.has-info{padding-inline-end:calc(15px + 1em)}table.editable thead tr th span.info{position:absolute;margin-inline-start:5px}table.editable tbody tr:not(:first-child) th,table.editable tbody tr:not(:first-child) td{border-block-start:1px solid var(--hairline-color)}table.editable tbody tr td:not(:first-child),table.editable tbody tr th~td:not(.hidden)~td{border-inline-start:1px solid var(--hairline-color)}table.editable tbody tr th{font-weight:500}table.editable tbody tr th~td:not(:first-child){border-inline-start:1px solid #dbdddf}table.editable tbody tr td{vertical-align:top;background-color:var(--input-bg);padding-block:4px;padding-inline: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{text-align:start;white-space:pre-wrap}table.editable tbody tr td.textual .editable-table-preview+textarea{opacity:0;height:0;min-height:0;padding-block:0}table.editable tbody tr td.textual textarea{resize:none}table.editable tbody tr td.textual pre{text-align:start;white-space:pre-wrap}table.editable tbody tr td.lightswitch-cell{padding-block:9px}table.editable tbody tr td.lightswitch-cell .lightswitch{display:block;margin-block:0;margin-inline:auto}table.editable tbody tr td.checkbox-cell{padding-block:10px}table.editable tbody tr td.checkbox-cell .checkbox-wrapper{display:block;margin-block:-2px 0;margin-inline:auto;width:16px;height:16px}table.editable tbody tr td.icon-cell{padding-block:6px}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;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;background-color:hsla(212,60%,97%,.75);user-select:none}table.editable tbody tr td.action{padding-block:4px;padding-inline:7px}table.editable tbody tr td.action+td.action{border-inline-start:none;padding-inline-start:0}table.editable tbody tr td .flex>*{margin-block-end: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-block:7px;padding-inline: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-block-end:0}table.editable tbody .color-container>.color{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:1}table.editable tbody .color-container .color-hex-indicator{inset-inline-start:32px}table.editable tbody .color-container .color-input{padding-inline-start: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]{inset-block-start:6px;inset-inline-start:10px}table.editable:not(.static) td.textual{cursor:text}table.editable+.btn.add{display:block;width:100%}table.editable:not(.hidden)+.btn.add{border-block-start-width:0;border-radius:0 0 var(--medium-border-radius) var(--medium-border-radius)}.border-box+.buttons,.shadow-box+.buttons{margin-block-start:7px}ul.tree,.tree ul{margin-inline-start:20px}.tree li .toggle{margin-inline:-15px 0;margin-block:7px 0}.status{flex:0 0 auto;display:inline-block;position:relative;margin-inline-end:10px;width:.75rem;height:.75rem;border-radius:100%;box-sizing:border-box;background-clip:border-box}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;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,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive){border-color:var(--ui-control-color)}.status.all{background-image:linear-gradient(60deg, #184cef, #e5422b);background-origin:border-box}.status.on,.status.live,.status.active,.status.enabled{background-color:var(--enabled-color)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--disabled-color)}.status.warning{background-color:var(--warning-color)}.status.orange,.bg-orange,.status.pending{background-color:var(--pending-color)}.status.amber,.bg-amber{background-color:var(--amber-500)}.status.yellow,.bg-yellow{background-color:var(--yellow-500)}.status.lime,.bg-lime{background-color:var(--lime-500)}.status.green,.bg-green{background-color:var(--green-600)}.status.emerald,.bg-emerald{background-color:var(--emerald-500)}.status.teal,.bg-teal,.status.turquoise,.bg-turquoise{background-color:var(--enabled-color)}.status.cyan,.bg-cyan{background-color:var(--cyan-500)}.status.sky,.bg-sky{background-color:var(--sky-500)}.status.blue,.bg-blue{background-color:var(--blue-600)}.status.indigo,.bg-indigo{background-color:var(--indigo-500)}.status.violet,.bg-violet{background-color:var(--violet-500)}.status.purple,.bg-purple{background-color:var(--purple-500)}.status.fuchsia,.bg-fuchsia{background-color:var(--fuchsia-500)}.status.pink,.bg-pink{background-color:var(--pink-500)}.status.rose,.bg-rose{background-color:var(--rose-500)}.status.light{background-color:var(--gray-100)}.status.white,.bg-white{background-color:var(--white)}.status.black,.bg-black{background-color:var(--gray-800)}.status.gray,.bg-gray,.status.grey,.bg-grey{background-color:var(--gray-300)}.status.disabled,.status.inactive{--outline-color: var(--gray-500);box-shadow:inset 0 0 0 2px var(--outline-color)}.sel .status.disabled,.sel .status.inactive{--outline-color: var(--gray-200)}.status.white{opacity:1}.status-label{position:relative;display:inline-flex;align-items:start;justify-content:center;gap:var(--xs);padding-block:var(--xs);padding-inline:var(--xs) var(--s);line-height:1.1;font-size:.6875rem;background-color:rgb(from var(--status-label-bg-color) r g b/15%);border-radius:.6875rem;font-weight:500;text-transform:uppercase}.status-label .status,.status-label .cp-icon{position:relative;margin:0}.status-label .status-label-text{color:var(--status-label-text-color)}.status-label.red{--status-label-text-color: var(--red-900);--status-label-bg-color: var(--disabled-color)}.status-label.amber{--status-label-text-color: var(--amber-900);--status-label-bg-color: var(--amber-500)}.status-label.orange{--status-label-text-color: var(--orange-900);--status-label-bg-color: var(--pending-color)}.status-label.yellow{--status-label-text-color: var(--yellow-900);--status-label-bg-color: var(--yellow-500)}.status-label.lime{--status-label-text-color: var(--lime-900);--status-label-bg-color: var(--lime-500)}.status-label.green{--status-label-text-color: var(--green-900);--status-label-bg-color: var(--green-500)}.status-label.emerald{--status-label-text-color: var(--emerald-900);--status-label-bg-color: var(--emerald-500)}.status-label.teal,.status-label.turquoise{--status-label-text-color: var(--teal-900);--status-label-bg-color: var(--enabled-color)}.status-label.cyan{--status-label-text-color: var(--cyan-900);--status-label-bg-color: var(--cyan-500)}.status-label.sky{--status-label-text-color: var(--sky-900);--status-label-bg-color: var(--sky-500)}.status-label.blue{--status-label-text-color: var(--blue-900);--status-label-bg-color: var(--blue-500)}.status-label.indigo{--status-label-text-color: var(--indigo-900);--status-label-bg-color: var(--indigo-500)}.status-label.violet{--status-label-text-color: var(--violet-900);--status-label-bg-color: var(--violet-500)}.status-label.purple{--status-label-text-color: var(--purple-900);--status-label-bg-color: var(--purple-500)}.status-label.fuchsia{--status-label-text-color: var(--fuchsia-900);--status-label-bg-color: var(--fuchsia-500)}.status-label.pink{--status-label-text-color: var(--pink-900);--status-label-bg-color: var(--pink-500)}.status-label.rose{--status-label-text-color: var(--rose-900);--status-label-bg-color: var(--rose-500)}.status-label.light{--status-label-text-color: var(--gray-900);--status-label-bg-color: var(--gray-500)}.status-label.gray,.status-label.grey{--status-label-text-color: var(--gray-900);--status-label-bg-color: var(--gray-500)}.status-label.black{--status-label-text-color: var(--black);--status-label-bg-color: var(--gray-1000)}.card.sel .status-label.gray,li.sel .card .status-label.gray,table.data tbody tr:not(.disabled).sel .status-label.gray,table.data tbody tr:not(.disabled).active-drop-target .status-label.gray{--status-label-bg-color: var(--white)}.card.sel .status-label.gray::before,li.sel .card .status-label.gray::before,table.data tbody tr:not(.disabled).sel .status-label.gray::before,table.data tbody tr:not(.disabled).active-drop-target .status-label.gray::before{opacity:.075}.icon.warning,.cp-icon.warning,[data-icon].warning,[data-icon-after].warning{--icon-color: var(--warning-color)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--disabled-color)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--pending-color)}.icon.amber,.cp-icon.amber,[data-icon].amber,[data-icon-after].amber{--icon-color: var(--amber-500)}.icon.yellow,.cp-icon.yellow,[data-icon].yellow,[data-icon-after].yellow{--icon-color: var(--yellow-500)}.icon.lime,.cp-icon.lime,[data-icon].lime,[data-icon-after].lime{--icon-color: var(--lime-500)}.icon.green,.cp-icon.green,[data-icon].green,[data-icon-after].green{--icon-color: var(--green-500)}.icon.emerald,.cp-icon.emerald,[data-icon].emerald,[data-icon-after].emerald{--icon-color: var(--emerald-500)}.icon.teal,.cp-icon.teal,[data-icon].teal,[data-icon-after].teal{--icon-color: var(--enabled-color)}.icon.cyan,.cp-icon.cyan,[data-icon].cyan,[data-icon-after].cyan{--icon-color: var(--cyan-500)}.icon.sky,.cp-icon.sky,[data-icon].sky,[data-icon-after].sky{--icon-color: var(--sky-500)}.icon.blue,.cp-icon.blue,[data-icon].blue,[data-icon-after].blue{--icon-color: var(--blue-600)}.icon.indigo,.cp-icon.indigo,[data-icon].indigo,[data-icon-after].indigo{--icon-color: var(--indigo-500)}.icon.violet,.cp-icon.violet,[data-icon].violet,[data-icon-after].violet{--icon-color: var(--violet-500)}.icon.purple,.cp-icon.purple,[data-icon].purple,[data-icon-after].purple{--icon-color: var(--purple-500)}.icon.fuchsia,.cp-icon.fuchsia,[data-icon].fuchsia,[data-icon-after].fuchsia{--icon-color: var(--fuchsia-500)}.icon.pink,.cp-icon.pink,[data-icon].pink,[data-icon-after].pink{--icon-color: var(--pink-500)}.icon.rose,.cp-icon.rose,[data-icon].rose,[data-icon-after].rose{--icon-color: var(--rose-500)}.icon.white,.cp-icon.white,[data-icon].white,[data-icon-after].white{--icon-color: var(--white)}.icon.black,.cp-icon.black,[data-icon].black,[data-icon-after].black{--icon-color: var(--gray-800)}.icon.gray,.cp-icon.gray,[data-icon].gray,[data-icon-after].gray{--icon-color: var(--gray-300)}.warning[data-icon]::before,.warning[data-icon-after]::after,.red[data-icon]::before,.red[data-icon-after]::after,.orange[data-icon]::before,.orange[data-icon-after]::after,.amber[data-icon]::before,.amber[data-icon-after]::after,.yellow[data-icon]::before,.yellow[data-icon-after]::after,.lime[data-icon]::before,.lime[data-icon-after]::after,.green[data-icon]::before,.green[data-icon-after]::after,.emerald[data-icon]::before,.emerald[data-icon-after]::after,.teal[data-icon]::before,.teal[data-icon-after]::after,.cyan[data-icon]::before,.cyan[data-icon-after]::after,.sky[data-icon]::before,.sky[data-icon-after]::after,.blue[data-icon]::before,.blue[data-icon-after]::after,.indigo[data-icon]::before,.indigo[data-icon-after]::after,.violet[data-icon]::before,.violet[data-icon-after]::after,.purple[data-icon]::before,.purple[data-icon-after]::after,.fuchsia[data-icon]::before,.fuchsia[data-icon-after]::after,.pink[data-icon]::before,.pink[data-icon-after]::after,.rose[data-icon]::before,.rose[data-icon-after]::after,.white[data-icon]::before,.white[data-icon-after]::after,.black[data-icon]::before,.black[data-icon-after]::after,.gray[data-icon]::before,.gray[data-icon-after]::after{color:var(--icon-color) !important}.condition-container{margin-block:24px;margin-inline: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-block-start-width:0;border-start-start-radius:0;border-start-end-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-start-start-radius:var(--large-border-radius);border-start-end-radius:var(--large-border-radius)}.condition-rule+.condition-rule{border-block-start-width:0}.condition-rule>.rule-move,.condition-rule>.rule-actions{margin-block-start:5px}.condition-rule>.rule-body .lightswitch{margin-block-start: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;inset-inline-start: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.83885px, var(--gray-700) 8.83885px, var(--gray-700) 17.6777px)}body.rtl .progressbar.pending .progressbar-inner{background:repeating-linear-gradient(45deg, var(--white), var(--white) 8.83885px, var(--gray-700) 8.83885px, var(--gray-700) 17.6777px)}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;inset-block-start:0;inset-inline-start:0;display:none}.elementselect.uploading{position:relative}.elementselect.uploading .progress-shade{display:block;z-index:2}.missing-component{padding-block:7px !important;padding-inline:10px !important;max-width:400px;background-color:var(--gray-050) !important}.missing-component .error{margin:0}.missing-component .install-plugin{margin-block:7px -7px;margin-inline:0;border-block-start:1px solid var(--hairline-color);position:relative;padding-inline:40px 0;padding-block:10px}.missing-component .install-plugin .icon{width:32px;height:32px;position:absolute;inset-block-start:calc(50% - 16px);inset-inline-start: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-block:8px !important;margin-inline:0 !important}.missing-component .install-plugin .btn{margin:0}.pane{background:var(--pane-bg);box-shadow:var(--pane-shadow);position:relative;margin-block:14px;margin-inline:0;padding:var(--pane-padding);border:var(--pane-border);border-radius:var(--pane-border-radius);word-wrap:break-word;box-sizing:border-box}.pane:focus{box-shadow:var(--focus-ring)}.pane.secondary{border:var(--secondary-pane-border);border-radius:var(--secondary-pane-border-radius);background:var(--secondary-pane-bg);box-shadow:var(--secondary-pane-shadow)}.pane .pane,.slideout .pane,#content .pane,.lp-content .pane{border:1px solid var(--hairline-color);background:var(--secondary-pane-bg);box-shadow:none}.pane.dashed{background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px dashed var(--medium-hairline-color) !important}.pane.hairline,.pane:is(fieldset){background-color:rgba(0,0,0,0) !important;box-shadow:none;border:1px solid hsla(212, 25%, 50%, 0.25) !important}.pane.no-border{border:none !important}.pane.padding-xs{--pane-padding: var(--xs)}.pane.padding-s{--pane-padding: var(--s)}.pane.padding-m{--pane-padding: var(--m)}.pane.padding-l{--pane-padding: var(--l)}.pane.loading{min-height:200px}.pane.loading::after{display:block;content:\"\";font-size:0;position:absolute;inset-block-start:0;inset-inline-start:-24px;width:calc(100% + 48px);height:100%}.pane:is(fieldset)>legend{font-weight:600;color:var(--light-text-color)}.pane hr{margin-block:var(--pane-padding);margin-inline:calc(var(--pane-padding)*-1)}.pane-header{margin-block:var(--neg-padding) var(--padding);margin-inline:var(--neg-padding);padding-block:5px 6px;padding-inline:var(--padding);min-height:45px;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 .spinner{margin:0 !important}.pane-tabs{display:flex;flex-direction:row;align-items:center;margin-block:-5px -6px;margin-inline: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-block:0;padding-inline:var(--padding);white-space:nowrap;height:45px}.pane-tabs [role=tablist] [role=tab]:hover{text-decoration:none}.pane-tabs [role=tablist] [role=tab]:focus-visible .tab-label{box-shadow:var(--inner-focus-ring)}.pane-tabs [role=tablist] [role=tab]:not(.sel){color:var(--custom-text-color, var(--tab-label-color))}.pane-tabs [role=tablist] [role=tab]:not(.sel):hover{backdrop-filter:brightness(95%)}.pane-tabs [role=tablist] [role=tab].sel{--highlight-color: var(--gray-500);--tab-label-color: var(--text-color);position:relative;z-index:1;cursor:default;box-shadow:inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),0 0 0 1px hsla(209,20%,25%,.1),0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));color:var(--tab-label-color);background-color:var(--white) !important}.pane-tabs [role=tablist] [role=tab] span[data-icon]{margin-inline-start:4px}.pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child,.pane-tabs#tabs:first-child [role=tablist] [role=tab]:first-child .tab-label{border-start-start-radius:var(--large-border-radius)}.pane-tabs .menubtn{margin-block:0;margin-inline:var(--xl)}.pane-tabs .menubtn.error span[data-icon]{margin-inline-end:2px}.details{--spacing: var(--l);padding-block:0 var(--spacing);padding-inline:var(--padding)}.details .meta,.details .field,.details hr{margin-inline:var(--neg-padding)}.details .meta{margin-block-end: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{min-height:auto}.details .meta.read-only>.data>.heading,.details .meta.read-only>.data>.value{padding-block:6px}.details .meta.read-only>.data:first-child>.heading,.details .meta.read-only>.data:first-child>.value{padding-block-start:0}.details .meta.read-only>.data:last-child>.heading,.details .meta.read-only>.data:last-child>.value{padding-block-end:0}.details .meta.warning{padding-block: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-block-end:5px}.details .meta.warning .btn{background-color:var(--yellow-300)}.details .meta.warning .btn:hover,.details .meta.warning .btn:focus{background-color:rgb(252.4516129032,215.5,20.5483870968)}.details .meta.warning .btn:active,.details .meta.warning .btn[aria-expanded=true]{background-color:rgb(244.8387096774,206.25,2.6612903226)}.details .meta>.field,.details .meta>.data{margin-block:0 !important;margin-inline: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)}.details .meta>.field>.status-badge{inset-inline-start:0}.details .meta .text::placeholder,.details .meta .datewrapper .text+div[data-icon],.details .meta .timewrapper .text+div[data-icon]{color:var(--gray-500)}.details .meta .ui-datepicker{margin-inline:-8px 0;margin-block:0}.details hr{margin-block:var(--spacing);margin-inline:0;border-block-start-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 .data{overflow-wrap:break-word;word-wrap:break-word}.details>.field .heading,.details>fieldset>legend{margin-block:0 var(--s);margin-inline:0}.details>.field>.heading>label,.details>fieldset>legend{font-weight:normal;color:var(--gray-600)}.details>.field>.heading>label{margin:0}.details>.field{margin-block:0 var(--spacing);margin-inline:0}.details>.field>.heading{margin-block-start:0}.details>.field>.input>.text.fullwidth{margin-block:0;margin-inline:var(--neg-padding);padding-inline:var(--m);border:none;background-color:var(--gray-050) !important;width:calc(100% + var(--padding) + var(--padding))}.details>fieldset:not(:first-child){margin-block:var(--spacing) !important;margin-inline:0 !important}.details>.text{border-radius:var(--large-border-radius);margin-block-end:var(--spacing)}.details>.text:not(:focus){border-color:hsla(212,25%,50%,.4)}.meta{padding-block:0;padding-inline:var(--padding);overflow:visible;--heading-width: 150px}#details .meta{--heading-width: 132px}.meta>.field,.meta>.data,.meta>.flex-fields>.field,.meta>.flex-fields>.data{display:flex;min-height:44px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:stretch;margin-block:0 !important;margin-inline:var(--neg-padding) !important;padding-block:0;transition:padding-inline-start linear 100ms,padding-inline-end linear 100ms}.meta>.field.nested,.meta>.data.nested,.meta>.flex-fields>.field.nested,.meta>.flex-fields>.data.nested{padding-inline-start:38px}.meta>.field.nested>.heading,.meta>.data.nested>.heading,.meta>.flex-fields>.field.nested>.heading,.meta>.flex-fields>.data.nested>.heading{padding-inline-start:10px}.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;inset-block-start:var(--m);inset-inline-start:0;width:48px;text-align:end;font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"plus\";color:var(--light-text-color)}.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 var(--heading-width);line-height:18px}}#details .meta>.field.lightswitch-field>.heading,#details .meta>.data.lightswitch-field>.heading,#details .meta>.flex-fields>.field.lightswitch-field>.heading,#details .meta>.flex-fields>.data.lightswitch-field>.heading{flex:1;border-inline-end:none}.meta>.field>.input,.meta>.data>.input,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.input{display:flex;align-items:center}.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-block-end:0}@media screen and (width < 400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-block-start:var(--xs);padding-inline:10px}}@media screen and (min-width: 400px){.meta>.field>.heading,.meta>.flex-fields>.field>.heading{padding-block:12px;padding-inline:var(--m) var(--s);border-inline-end:1px solid var(--hairline-color)}}.meta>.field>.heading>.copytextbtn,.meta>.flex-fields>.field>.heading>.copytextbtn{display:none}.meta>.data>.heading,.meta>.flex-fields>.data>.heading{padding-block:var(--s);padding-inline:var(--m) 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-block:var(--s);width:100%}@media screen and (width < 400px){.meta>.field>.input,.meta>.data>.value,.meta>.flex-fields>.field>.input,.meta>.flex-fields>.data>.value{padding-inline:10px}}@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% - var(--heading-width));padding-inline:var(--s) var(--m)}}.meta>.field>.input>*,.meta>.data>.value>*,.meta>.flex-fields>.field>.input>*,.meta>.flex-fields>.data>.value>*{min-width:0}.meta>.data>.value,.meta>.flex-fields>.data>.value{display:flex;align-items:center;width:calc(100% - (var(--heading-width) + 6px))}.meta>.data>.value>[data-icon=draft],.meta>.flex-fields>.data>.value>[data-icon=draft]{margin-block-start:-2px;margin-inline-end:8px}.meta>.field.lightswitch-field>.input,.meta>.flex-fields>.field.lightswitch-field>.input{padding-inline:10px}#details .meta>.field.lightswitch-field>.input,#details .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-start-start-radius:var(--large-border-radius);border-start-end-radius:var(--large-border-radius)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-end-start-radius:var(--large-border-radius);border-end-end-radius:var(--large-border-radius)}.meta>.field.has-errors+.field,.meta>.flex-fields>.field.has-errors+.field{border-block-start: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-block:calc(var(--s)*-1);padding-block:12px;border-radius:0;background-color:rgba(0,0,0,0);border:none !important}@media screen and (width < 400px){.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{margin-inline:-10px;padding-inline:10px}}@media screen and (min-width: 400px){.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{margin-inline:calc(var(--s)*-1) 0;padding-inline-start:var(--s)}}.meta>.field>.input>.text:placeholder-shown+div[data-icon],.meta>.field>.input>.flex>.text:placeholder-shown+div[data-icon],.meta>.field>.input>.flex>.textwrapper>.text:placeholder-shown+div[data-icon],.meta>.field>.input>.datewrapper>.text:placeholder-shown+div[data-icon],.meta>.field>.input>.timewrapper>.text:placeholder-shown+div[data-icon],.meta>.field>.input>.datetimewrapper>.datewrapper>.text:placeholder-shown+div[data-icon],.meta>.field>.input>.datetimewrapper>.timewrapper>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.flex>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.flex>.textwrapper>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.datewrapper>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.timewrapper>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.datetimewrapper>.datewrapper>.text:placeholder-shown+div[data-icon],.meta>.flex-fields>.field>.input>.datetimewrapper>.timewrapper>.text:placeholder-shown+div[data-icon]{inset-inline-start:1px}.meta>.field>.input>.datetimewrapper,.meta>.flex-fields>.field>.input>.datetimewrapper{width:calc(100% - 3px)}.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)}.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%}.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-block:0 6px;padding-inline:10px;width:100%;list-style-type:none}@media screen and (min-width: 400px){.meta>.field>ul.errors,.meta>.flex-fields>.field>ul.errors{padding-inline:var(--m)}}.meta>.field>.clear-btn,.meta>.flex-fields>.field>.clear-btn{margin-inline-end:var(--neg-padding)}.meta>.field:not(:first-child,.first-child),.meta>.flex-fields+.field:not(.first-child){border-block-start:1px solid var(--hairline-color)}.meta>.flex-fields h2,.meta>.flex-fields blockquote.note{margin-block:0 !important;margin-inline:-24px !important;padding-block:14px;padding-inline:24px;background-color:hsl(212,60%,95%)}.meta>.flex-fields blockquote.note{border-radius:0;border:none}.meta>.flex-fields hr{margin-block:0;margin-inline:-24px}.meta>.field>.input>.select{display:block;margin-block:calc(var(--s)*-1);margin-inline:0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.select::after{inset-inline-end:0}.meta>.field>.input>.select+.spinner{position:absolute;inset-block-start:calc(50% - 17px);inset-inline-end:-24px}.meta>.field>.input>.select select{padding-inline:0 12px;padding-block:var(--s);width:100%;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select{display:block;margin-block:calc(var(--s)*-1);margin-inline:0;width:100%;border-radius:0;box-shadow:none;background-color:rgba(0,0,0,0)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn){justify-content:flex-start;width:100%;background-color:rgba(0,0,0,0);overflow:hidden;padding-inline-end:calc(var(--button-padding) + .4375rem + 11px)}.meta>.field>.input>.custom-select .menubtn:not(.action-btn)::after{position:absolute;inset-block-start:calc(50% - 5px);inset-inline-end:11px}.meta>.field>.input>.custom-select .menubtn:not(.action-btn) .inline-flex{overflow:hidden}.meta>.field>.input>.custom-select .label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.body{position:relative}.slideout-container,.slideout,.modal,.hud{z-index:100;box-sizing:border-box}.modal,.hud{border:var(--modal-border);border-radius:var(--modal-border-radius);background-color:var(--modal-bg);box-shadow:var(--modal-shadow) !important}.slideout-shade{opacity:0;transition:opacity linear 250ms}.slideout-shade.so-visible{opacity:1}.slideout-container{position:fixed;inset-block-start:0;inset-inline-start:0;width:100vw;height:100vh;height:-webkit-fill-available;pointer-events:none}.slideout-container.so-lp{position:absolute;inset-block-start:var(--m);inset-inline-start: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(--modal-bg);box-shadow:var(--modal-shadow) !important;display:flex;flex-direction:column;overflow:hidden;padding-block:24px;padding-inline:var(--padding);pointer-events:all;container-type:inline-size}.slideout.so-mobile,.slideout.so-lp{width:100% !important;height:100% !important;inset-inline-start:0;transition:inset-block-start linear 250ms;will-change:inset-block-start}.slideout.so-mobile{--padding: var(--m);--neg-padding: calc(var(--m) * -1)}.slideout.so-lp{border-radius:var(--large-border-radius)}.slideout:not(.so-mobile,.so-lp){border-start-start-radius:var(--large-border-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--large-border-radius)}.slideout:not(.so-mobile,.so-lp){inset-block-start:0;width:55%;height:100%}@media screen and (prefers-reduced-motion: no-preference){.slideout:not(.so-mobile,.so-lp){transition:inset-inline-start linear 250ms;will-change:inset-inline-start}}.slideout>.pane-header{padding-inline:var(--padding);z-index:2;border-radius:0}@media only screen and (width <= 767px){.slideout>.pane-header{margin-block:calc(var(--xl)*-1) var(--padding)}}.slideout>.pane-header>.so-toolbar{display:flex;flex-direction:row;align-items:center;gap:var(--xs);min-height:28px}.slideout>.pane-header>.so-toolbar>.pane-tabs{width:1px;flex:1;margin-inline-end:0}.slideout>.so-body{flex:1;margin-block:-24px;margin-inline:var(--neg-padding);overflow:hidden auto;position:relative}.slideout>.so-body:not(:last-child){margin-block-end:0}.slideout>.so-body>h1:not(:last-child){padding-block-end:var(--s);border-block-end:1px solid var(--hairline-color)}.slideout>.so-body.so-full-details,.slideout>.so-body>.so-sidebar{background-color:var(--gray-100) !important}.slideout>.so-body:not(.so-full-details){padding-block:24px;padding-inline:var(--padding)}.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{box-sizing:border-box;padding-block:0 var(--spacing);padding-inline:var(--padding)}@media only screen and (width <= 767px){.slideout>.so-body>.so-sidebar,.slideout>.so-body.so-full-details>.so-content>.details{margin-block-start:16px}}.slideout>.so-body>.so-sidebar>.preview-thumb-container,.slideout>.so-body.so-full-details>.so-content>.details>.preview-thumb-container{margin-block:0;margin-inline: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-block:calc(var(--spacing)/2) var(--spacing);margin-inline:0}.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-block-start:var(--padding)}.slideout>.so-body>.so-sidebar>.meta.warning,.slideout>.so-body.so-full-details>.so-content>.details>.meta.warning{box-shadow:none;border-block-end: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-block:var(--m)}.slideout>.so-body>.so-sidebar{position:absolute;inset-block-start:0;background:var(--pane-bg);box-shadow:var(--pane-shadow);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:inset-inline-end linear 250ms}body.rtl .slideout>.so-body>.so-sidebar{transition:inset-inline-start linear 250ms}.slideout>.so-body>.so-sidebar>fieldset:first-child{margin-block-start:24px !important}.slideout>.so-footer{position:relative;display:flex;gap:var(--s);justify-content:space-between;flex-wrap:wrap;margin-block:0 -24px;margin-inline:var(--neg-padding);padding-block:5px;padding-inline:var(--padding);border-block-start:var(--slideout-footer-border);background:var(--slideout-footer-bg);box-shadow:var(--slideout-footer-shadow);z-index:3}.slideout>.so-footer>.so-notice{display:flex;align-items:center}.slideout>.so-footer>.so-extra{flex:0 0 100%;margin-block:0;margin-inline:var(--neg-padding);padding-block:0 8px;padding-inline:var(--padding);border-block-end:1px solid var(--hairline-color)}@container (width > 700px){.slideout.showing-sidebar .so-body{display:flex;flex-direction:row;padding:0;overflow:hidden}.slideout.showing-sidebar .so-body>.so-content{position:relative;z-index:2;padding:24px;width:calc(100% - 350px);height:100%;box-sizing:border-box;border-inline-end:1px solid var(--gray-200);overflow:hidden auto}.slideout.showing-sidebar .so-body>.so-sidebar{position:relative;display:block !important;inset-block-start:auto;inset-inline:auto !important;height:100%;box-shadow:none}.slideout>.so-footer>.so-extra{margin:0;padding:0;border:none;flex:auto 0 1}}.header,.hud-header,.footer,.hud-footer{position:relative;z-index:1;box-sizing:border-box}.header,.hud-header,.footer,.hud-footer{background-color:var(--gray-100)}.header,.hud-header{border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--hairline-color)}.header h1,.hud-header h1{margin:0}.header::after,.hud-header::after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.footer,.hud-footer{border-radius:0 0 var(--large-border-radius) var(--large-border-radius);padding-block:5px;padding-inline:var(--pane-padding, var(--xl));box-shadow:inset 0 1px 0 var(--hairline-color)}.footer.flex>*,.hud-footer.flex>*{margin-block-end:0}.modal .body,.hud .main{padding:var(--modal-padding);overflow:hidden;box-sizing:border-box}.pane .header,.modal .body .header{margin-block:calc(var(--pane-padding, 24px)*-1) var(--pane-padding, 24px);margin-inline:calc(var(--pane-padding, 24px)*-1)}.pane .footer,.modal .body .footer{margin-block:var(--pane-padding, 24px) calc(var(--pane-padding, 24px)*-1);margin-inline:calc(var(--pane-padding, 24px)*-1)}.slideout-shade,.modal-shade,.hud-shade{z-index:100;position:fixed;inset-block-start:0;inset-inline-start:0;width:100%;height:100%}.slideout-shade:not(.visible),.modal-shade:not(.visible),.hud-shade:not(.visible){display:none}.slideout-shade,.modal-shade{background:var(--shade-bg)}.slideout-shade.blurred,.modal-shade.blurred{backdrop-filter:blur(10px)}.modal{position:fixed;overflow:hidden}.modal:not(.fitted,.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}.modal.alert .body{padding-inline-start:76px}.modal.alert .body::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;margin-inline:-58px 0;margin-block:-6px 0;float:inline-start;content:\"alert\";font-size:40px;color:var(--light-text-color)}.modal.secure .body{padding-inline-start:76px}.modal.secure .body::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;margin-inline:-56px 0;margin-block:-14px 0;float:inline-start;content:\"secure\";font-size:58px;color:var(--light-text-color)}.modal .resizehandle{position:absolute;z-index:1;inset-block-end:0;inset-inline-end:0;width:24px;height:24px;cursor:nwse-resize;padding:var(--xs)}.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;inset-block-start: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{inset-inline-start:-15px;width:15px;height:30px;background-image:url(\"../images/hudtip_left.png\")}.hud .tip-top{inset-block-start:-15px;width:30px;height:15px;background-image:url(\"../images/hudtip_top.png\")}.hud .tip-right{inset-inline-end:-15px;width:15px;height:30px;background-image:url(\"../images/hudtip_right.png\")}.hud .tip-bottom{inset-block-end:-15px;width:30px;height:15px;background-image:url(\"../images/hudtip_bottom.png\")}.hud .hud-header,.hud .hud-footer{padding-block:var(--s);padding-inline: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;justify-content:center;height:190px;background-color:var(--gray-900);margin-block:0 var(--spacing);margin-inline:var(--neg-padding)}.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%;inset-inline-start:0;inset-block-start: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-block:calc(var(--spacing)/2*-1) var(--spacing);margin-inline:var(--neg-padding);display:grid;grid-template-columns:1fr 1fr}.button-fade .buttons{opacity:0;position:absolute;inset-block-start:10px;inset-inline-end:10px;margin:0;transition:opacity linear 100ms}.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;--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,.loading,.dashed):focus,.button-fade .buttons .btn:not(.disabled,.loading,.dashed).focus,.button-fade .buttons .btn:not(.disabled,.loading,.dashed):hover{background-color:var(--interaction-background-color)}.button-fade:hover .buttons,.button-fade:focus-within .buttons{opacity:1}.elementselectormodal{--content-padding: 24px;padding-block-end:44px;user-select:none}.elementselectormodal>.header{padding-block:14px;text-align:center}.elementselectormodal>.header+.body{height:calc(100% - 48px) !important}.elementselectormodal .body{position:relative;height:100%}.elementselectormodal .body .spinner.big{position:absolute;inset-block-start:50%;inset-inline-start:50%;margin-block:-24px 0;margin-inline:-24px 0}.elementselectormodal .body .content{height:calc(100% + 48px)}.elementselectormodal .body .content .sidebar{position:absolute;inset-block-start:0;margin-inline-start:-249px;height:100%;overflow:auto;padding-block:var(--content-padding);padding-inline:0}.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.busy .update-spinner{z-index:101}.elementselectormodal .body .content .main .elements .header{margin-block:0 var(--m);margin-inline:0}.elementselectormodal .body .content .main .elements .tableview table tr th,.elementselectormodal .body .content .main .elements .tableview table tr td{cursor:default}.elementselectormodal .body .content .main .elements .tableview table tr .checkbox::before{box-shadow:none !important}.elementselectormodal .body .content .main .elements .structure .row{margin-block-start:1px}.elementselectormodal .footer{position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;box-sizing:border-box}.elementselectormodal .footer .spinner{float:inline-end;margin-inline-end:-24px}.elementselectormodal .main-header,.customize-sources-modal .main-header{display:flex;align-items:center;margin-block-end:var(--s)}.elementselectormodal .main-heading,.customize-sources-modal .main-heading{margin-block-end:0}.elementselectormodal .nav-toggle,.customize-sources-modal .nav-toggle{margin-inline-start:4px;height:var(--touch-target-size);width:var(--touch-target-size);color:var(--ui-control-color)}.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-block:0;padding-inline:var(--s);margin-block-end: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;inset-block-start:0;inset-inline-end:-24px}.activity-container{margin-inline:var(--s)}.activity-container ul{display:flex;flex-flow:row 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%}.activity-container ul li:not(:last-child){margin-inline-end:-10px}.element-index-view-menu{width:400px;max-width:calc(100% - 20px);padding:0 !important}.element-index-view-menu .meta{padding-block:var(--s)}.element-index-view-menu .table-columns-field .heading{align-items:flex-start}.element-index-view-menu .menu-footer{margin:0 !important;padding-block:var(--s) !important;padding-inline:var(--xl) !important;background-color:var(--gray-050)}.element-index-view-menu-table-column{display:flex;align-items:flex-start;align-content:stretch;margin-block-end:4px}.element-index-view-menu-table-column .icon.move{margin-inline-end:10px;position:relative;z-index:1}.sort-field .input .flex .btngroup .btn{width:42px}.sort-field .input .flex .flex-grow{max-width:calc(100% - 85px - var(--s))}@media screen and (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:44px;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(width >= 1024px){.address-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(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(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-block:.125rem;padding-inline:.5rem;border-radius:.25rem;font-size:.75rem;text-transform:uppercase;font-weight:500;margin-block-end:.75rem;margin-inline-end:.5rem}.logoutwarningmodalshade,.login-modal-shade,#logoutwarningmodal,.login-modal,#elevatedsessionmodal,.prompt{z-index:1001}#logoutwarningmodal,#elevatedsessionmodal,.prompt{width:500px}.prompt{height:auto;min-height:auto}.cpmodal>.cpmodal-body{padding:var(--padding)}.cpmodal>.cpmodal-footer{position:relative;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;background:var(--pane-bg);box-shadow:var(--pane-shadow);padding-block:var(--s);padding-inline:var(--padding);background-color:var(--gray-050)}.cpmodal>.cpmodal-footer:focus{box-shadow:var(--focus-ring)}.deleteusermodal .content-summary{margin-block:-24px 24px;margin-inline:-24px;padding:24px;background-color:var(--gray-050)}.deleteusermodal .options label{display:inline-block;line-height:30px}.deleteusermodal .elementselect{margin-inline-start:10px;display:inline-block;vertical-align:middle}.deleteusermodal .buttons .spinner{margin-inline-end:-20px}.deleteusermodal div.elements{list-style:none}.dropdownsettingsmodal{width:auto;height:auto;min-width:0;min-height:0;max-width:400px}.dropdownsettingsmodal .body{max-height:100%;overflow-y:auto}.previewmodal.zilch{padding-block:100px;padding-inline:0;display:flex;align-items:center;justify-content:center}.video-transcript{background-color:var(--gray-050);overflow-y:scroll;font-size:1rem;position:relative}.video-transcript:focus-visible{box-shadow:none;color:var(--white);background-color:var(--gray-800)}.video-transcript__inner{margin-inline: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.padded{padding-block:var(--s);padding-inline:calc(var(--m) + var(--s))}.menu.padded hr{margin-block:var(--s);margin-inline:calc((var(--m) + var(--s))*-1)}.menu.padded ul li{margin-block:0;margin-inline:calc(var(--m)*-1);padding-block:0;padding-inline:var(--m)}.menu.padded ul li a{border-radius:var(--large-border-radius)}.menu.padded .extralight{margin-block-start:2px}.menu h6:first-child,.menu .h6:first-child{margin-block-start:14px !important}.menu ul.padded li a,.menu ul.padded li .menu-item,.menu ul.padded li .menu-option{padding-inline-start:calc(var(--m) + 1.125rem)}.menu ul.padded li a.sel:not([data-icon])::before,.menu ul.padded li .menu-item.sel:not([data-icon])::before,.menu ul.padded li .menu-option.sel:not([data-icon])::before{float:inline-start;margin-inline:calc(-1.125rem - 4px) 0;margin-block:4px 0;font-size:14px;width:14px;content:\"check\";color:currentcolor;margin-block-start:3px !important}.menu ul li a,.menu ul li .menu-item,.menu ul li .menu-option{margin-block:0;margin-inline:-14px;padding-block:10px;padding-inline:14px;white-space:nowrap;font-size:14px;appearance:none}.menu ul li a:not(:last-child),.menu ul li .menu-item:not(:last-child),.menu ul li .menu-option:not(:last-child){margin-inline-end:0}.menu ul li a:not(.flex,.hidden),.menu ul li .menu-item:not(.flex,.hidden),.menu ul li .menu-option:not(.flex,.hidden){display:block;width:calc(100% + 28px);text-align:start}.menu ul li a.flex [data-icon],.menu ul li .menu-item.flex [data-icon],.menu ul li .menu-option.flex [data-icon]{margin-block-start:-2px}.menu ul li a.sel,.menu ul li .menu-item.sel,.menu ul li .menu-option.sel{cursor:default}.menu ul li a .shortcut,.menu ul li .menu-item .shortcut,.menu ul li .menu-option .shortcut{float:inline-end;margin-inline-start:14px;padding-block:0;padding-inline: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)}.menu>.flex{margin-block:10px;position:relative}.menu>.flex.padded{margin-inline-start:-14px;padding-inline-start:24px}.menu>.flex.padded.sel::before{position:absolute;inset-block-start:36px;inset-inline-start:7px;content:\"check\";font-size:14px;color:var(--light-text-color)}.menu hr{margin-block:5px;margin-inline:-14px}.menu .go::after{color:inherit}.menu:not(.menu--disclosure) ul li a,.menu ul li .menu-item,.menu ul li .menu-option{color:hsl(209,18%,30%);text-decoration:none;cursor:default}.menu li>a[data-icon]::before,.menu li>a [data-icon]::before,.menu li>a span.icon:not([data-icon]),.menu li>button[data-icon]::before,.menu li>button [data-icon]::before,.menu li>button span.icon:not([data-icon]),.menu li>.menu-item[data-icon]::before,.menu li>.menu-item [data-icon]::before,.menu li>.menu-item span.icon:not([data-icon]){display:inline-block;width:.875rem;height:.875rem;margin-inline:-1px 9px}.menu li>a[data-icon]::before,.menu li>a [data-icon]::before,.menu li>button[data-icon]::before,.menu li>button [data-icon]::before,.menu li>.menu-item[data-icon]::before,.menu li>.menu-item [data-icon]::before{position:relative;inset-block-start:-2px;text-align:center;font-size:14px;color:currentcolor}.menu li>a span.icon:not([data-icon]) svg,.menu li>button span.icon:not([data-icon]) svg,.menu li>.menu-item span.icon:not([data-icon]) svg{display:block;position:relative;inset-block-start:1px;width:100%;height:100%}.menu li>a span.icon:not([data-icon]) svg rect,.menu li>a span.icon:not([data-icon]) svg circle,.menu li>a span.icon:not([data-icon]) svg ellipse,.menu li>a span.icon:not([data-icon]) svg line,.menu li>a span.icon:not([data-icon]) svg polyline,.menu li>a span.icon:not([data-icon]) svg polygon,.menu li>a span.icon:not([data-icon]) svg path,.menu li>a span.icon:not([data-icon]) svg text,.menu li>button span.icon:not([data-icon]) svg rect,.menu li>button span.icon:not([data-icon]) svg circle,.menu li>button span.icon:not([data-icon]) svg ellipse,.menu li>button span.icon:not([data-icon]) svg line,.menu li>button span.icon:not([data-icon]) svg polyline,.menu li>button span.icon:not([data-icon]) svg polygon,.menu li>button span.icon:not([data-icon]) svg path,.menu li>button span.icon:not([data-icon]) svg text,.menu li>.menu-item span.icon:not([data-icon]) svg rect,.menu li>.menu-item span.icon:not([data-icon]) svg circle,.menu li>.menu-item span.icon:not([data-icon]) svg ellipse,.menu li>.menu-item span.icon:not([data-icon]) svg line,.menu li>.menu-item span.icon:not([data-icon]) svg polyline,.menu li>.menu-item span.icon:not([data-icon]) svg polygon,.menu li>.menu-item span.icon:not([data-icon]) svg path,.menu li>.menu-item span.icon:not([data-icon]) svg text{fill:var(--icon-color, var(--ui-control-color));stroke-width:0}.menu li>a.error[data-icon]::before,.menu li>a.error [data-icon]::before,.menu li>button.error[data-icon]::before,.menu li>button.error [data-icon]::before,.menu li>.menu-item.error[data-icon]::before,.menu li>.menu-item.error [data-icon]::before{color:var(--error-color)}.menu li>a.error span.icon:not([data-icon]) svg rect,.menu li>a.error span.icon:not([data-icon]) svg circle,.menu li>a.error span.icon:not([data-icon]) svg ellipse,.menu li>a.error span.icon:not([data-icon]) svg line,.menu li>a.error span.icon:not([data-icon]) svg polyline,.menu li>a.error span.icon:not([data-icon]) svg polygon,.menu li>a.error span.icon:not([data-icon]) svg path,.menu li>a.error span.icon:not([data-icon]) svg text,.menu li>button.error span.icon:not([data-icon]) svg rect,.menu li>button.error span.icon:not([data-icon]) svg circle,.menu li>button.error span.icon:not([data-icon]) svg ellipse,.menu li>button.error span.icon:not([data-icon]) svg line,.menu li>button.error span.icon:not([data-icon]) svg polyline,.menu li>button.error span.icon:not([data-icon]) svg polygon,.menu li>button.error span.icon:not([data-icon]) svg path,.menu li>button.error span.icon:not([data-icon]) svg text,.menu li>.menu-item.error span.icon:not([data-icon]) svg rect,.menu li>.menu-item.error span.icon:not([data-icon]) svg circle,.menu li>.menu-item.error span.icon:not([data-icon]) svg ellipse,.menu li>.menu-item.error span.icon:not([data-icon]) svg line,.menu li>.menu-item.error span.icon:not([data-icon]) svg polyline,.menu li>.menu-item.error span.icon:not([data-icon]) svg polygon,.menu li>.menu-item.error span.icon:not([data-icon]) svg path,.menu li>.menu-item.error span.icon:not([data-icon]) svg text{fill:var(--error-color);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover{color:var(--white) !important;--medium-text-color: rgba(255, 255, 255, 0.8);--light-text-color: rgba(255, 255, 255, 0.8);background-color:var(--dark-sel-color)}.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg rect,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg circle,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg ellipse,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg line,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg polyline,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg polygon,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg path,.menu:not(.menu--disclosure) ul li a:not(.disabled):hover svg text,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg rect,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg circle,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg ellipse,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg line,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg polyline,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg polygon,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg path,.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover svg text,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg rect,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg circle,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg ellipse,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg line,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg polyline,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg polygon,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg path,.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover svg text,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg rect,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg circle,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg ellipse,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg line,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg polyline,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg polygon,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg path,.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover svg text,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg rect,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg circle,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg ellipse,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg line,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg polyline,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg polygon,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg path,.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover svg text,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg rect,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg circle,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg ellipse,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg line,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg polyline,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg polygon,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg path,.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover svg text{fill:var(--white);stroke-width:0}.menu:not(.menu--disclosure) ul li a:not(.disabled):hover .status:not(.on,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive),.menu:not(.menu--disclosure) ul li .menu-item:not(.sel,.disabled):hover .status:not(.on,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive),.menu:not(.menu--disclosure) ul li .menu-option:not(.sel,.disabled):hover .status:not(.on,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive),.menu:not(.menu--disclosure,:hover) ul li a:not(.disabled).hover .status:not(.on,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive),.menu:not(.menu--disclosure,:hover) ul li .menu-item:not(.sel,.disabled).hover .status:not(.on,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive),.menu:not(.menu--disclosure,:hover) ul li .menu-option:not(.sel,.disabled).hover .status:not(.on,.live,.active,.enabled,.all):not(.pending,.warning,.off,.suspended,.expired):not(.light,.gray,.red,.orange,.amber,.yellow):not(.lime,.green,.emerald,.teal,.cyan,.sky):not(.blue,.indigo,.violet,.purple,.fuchsia):not(.pink,.rose,.grey,.black,.disabled):not(.inactive){border-color:currentcolor}.menu hr.padded,.menu .h6.padded,.menu h6.padded{margin-inline-start:20px}.menu--disclosure>.search-container{margin-inline:calc(var(--m)*-1);padding:var(--m);border-block-end:1px solid var(--hairline-color)}.menu--disclosure ul li.filtered{display:none}.menu--disclosure ul li>a:not(.crumb-link),.menu--disclosure ul li>.menu-item,.menu--disclosure ul li>.menu-option{--focus-ring: var(--inner-focus-ring)}.menu--disclosure ul li>a:not(.crumb-link):hover,.menu--disclosure ul li>.menu-item:hover,.menu--disclosure ul li>.menu-option:hover{color:hsl(209,18%,30%);background-color:hsl(212,60%,97%)}.tagselect .elements li{display:inline}.tagselect .chip.small{clear:none;margin-inline-end:7px}.tagselect .tagselect__input-wrapper{position:relative;z-index:1;margin-inline:0 7px;margin-block:7px 0;display:inline-block;width:12em}.tagselect .tagselect__input-wrapper .text{padding-inline-end:30px}.tagselect .tagselect__input-wrapper .spinner{position:absolute;inset-block-start:0;inset-inline-end:5px}.tagmenu ul li a{padding-inline-start:26px}.tagmenu ul li a::before{float:inline-start;margin-inline:-18px 0;margin-block:3px 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-start-start-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-start-end-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-end-start-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-end-end-radius:calc(var(--large-border-radius) - 1px)}.text,.passwordwrapper,.border-box,.selectize.multiselect .selectize-input,.multiselect>select,.CodeMirror{border-radius:var(--input-border-radius);border:var(--input-border);background:var(--input-bg);background-clip:padding-box}.text.focus,.passwordwrapper.focus,.border-box.focus,.selectize.multiselect .selectize-input.focus{box-shadow:var(--focus-ring)}.text:focus-visible,.passwordwrapper:focus-visible,.border-box:focus-visible,.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}.multitext .multitextrow:first-child .text:first-child{border-start-start-radius:var(--medium-border-radius)}.multitext .multitextrow:first-child .text:last-child{border-start-end-radius:var(--medium-border-radius)}.multitext .multitextrow:last-child .text:first-child{border-end-start-radius:var(--medium-border-radius)}.multitext .multitextrow:last-child .text:last-child{border-end-end-radius:var(--medium-border-radius)}.multitext .multitextrow:not(:first-child) .text{margin-block-start:-1px}.multitext .multitextrow .text{border-radius:0;float:inline-start;box-sizing:border-box}.multitext .multitextrow .text:not(:first-child){margin-inline-start:-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}.CodeMirror{height:auto !important;min-height:70px}.CodeMirror.CodeMirror-focused{box-shadow:var(--focus-ring)}.CodeMirror.cm-s-readonly,.CodeMirror.cm-s-readonly *{cursor:not-allowed}.link-input{container-type:inline-size}.link-input>.flex>.flex-grow{overflow:hidden}.link-input>.flex>div.text-link{border:var(--input-border);border-radius:var(--large-border-radius);background-color:var(--input-bg);cursor:text}.link-input>.flex>div.text-link:has(.text:focus){box-shadow:var(--focus-ring)}.link-input>.flex>div.text-link>.text,.link-input>.flex>div.text-link>.chip{margin-block:-1px;background-color:rgba(0,0,0,0)}.link-input>.flex>div.text-link>.text{border:none;margin-inline:-1px}.link-input>.flex>div.text-link>.text:focus{position:relative}.link-input>.flex>div.text-link>.text:focus{box-shadow:none !important}.link-input>.flex>div.text-link .chip{min-height:2.125rem;padding-inline:var(--s)}.link-input>.flex>div.text-link .chip .chip-content a{word-break:break-word}@container (max-width: calc(399rem/16)){.link-input>.flex{flex-direction:column;align-items:stretch}.link-input>.flex>.select,.link-input>.flex>.select select,.link-input>.flex>div[data-link-type] .text,.link-input>.flex>div[data-link-type] .chip{display:flex;width:100%}.link-input>.flex>div[data-link-type] ul.elements{align-items:stretch}}.chars-left{position:relative;float:inline-end;margin-inline:7px;margin-block:-1.6875rem 0;color:var(--light-text-color)}.input.ltr>.chars-left{float:inline-end}.input.rtl>.chars-left{float:inline-start}.chars-left.negative-chars-left{color:var(--error-color)}.field,fieldset{position:relative;margin-block:24px;margin-inline:0}.flex>.field,.flex>fieldset{margin-block:0}.status-badge{position:absolute;inset-block-start:0;inset-inline-start:0;width:2px;height:100%;content:\"\";cursor:help;z-index:1}.status-badge.modified{background-color:var(--blue-600);box-shadow:0 0 5px hsla(221,83%,53%,.15)}.status-badge.outdated{background-color:var(--pending-color);box-shadow:0 0 5px hsla(27,96%,61%,.15)}.field{min-inline-size:initial}.field>.status-badge{border-radius:1px}.field>.heading{display:flex;flex-wrap:wrap;gap:5px;align-items:center;position:relative;margin-block:-5px 5px;min-height:1.375rem}.field>.heading>label,.field>.heading>legend{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-weight:bold}.field>.heading>label code,.field>.heading>legend code{font-size:1em !important}.field>.heading>label .info,.field>.heading>legend .info{margin-inline-start:5px}.field>.heading .required::after{margin-inline-start:0}.field>.heading .t9n-indicator{position:relative;inset-block-start:-0.0625rem;margin-inline:2px;color:var(--light-text-color)}.field>.heading .t9n-indicator.copyable{cursor:pointer}.field>.heading+.instructions{margin-block-start:-3px}.field>.heading>.instructions{width:100%}.field>.instructions{margin-block-end:5px}.field>.input{position:relative}.field>.input+.instructions{margin-block:5px 0;margin-inline:0}.field>.input input:disabled,.field>.input textarea:disabled,.field>.input select:disabled,.field>.input button:disabled{cursor:not-allowed}.field>.notice,.field>.warning{margin-block:5px 0;margin-inline:0}.field .custom-option-wrapper{display:inline-block}.field .custom-option-input{margin-inline-start:var(--xs)}.field>.instructions img,.field>.instructions video,.field>.instructions embed,.field>.instructions iframe,.markdown img,.markdown video,.markdown embed,.markdown 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,.markdown ul,.markdown ol,.field>.heading>.instructions ul,.field>.heading>.instructions ol,.checkboxfield .instructions ul,.checkboxfield .instructions ol{margin-block:1em;margin-inline:0;padding-inline-start:2em}.field>.instructions ul li,.markdown ul li,.field>.heading>.instructions ul li,.checkboxfield .instructions ul li{list-style-type:disc}.field>.instructions li+li,.markdown li+li,.field>.heading>.instructions li+li,.checkboxfield .instructions li+li{margin-block-start:.25em}.field>.instructions,.field>.heading>.instructions,.checkboxfield .instructions{color:var(--custom-text-color, var(--medium-text-color))}.markdown{color:var(--custom-text-color, var(--text-color))}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-block-end:.3em}.markdown p{margin-block:.25em}.cross-site-copy-modal{max-width:380px}.expand-status-btn{margin-inline-start:5px;width:1.875rem;height:1.0625rem;min-height:auto;padding:0;line-height:16px;border-radius:var(--small-border-radius);color:var(--text-color)}.expand-status-btn::before{margin:0}.nested-fields{margin:-24px;padding-block:24px 0;padding-inline:24px}.nested-fields.hidden{display:block;height:0}.nested-fields>.field:last-child{padding-block-end:24px}.checkbox-group{display:flex;flex-direction:column;gap:.3125rem}.checkbox-group .btn.add{max-width:12.5rem}input.checkbox{opacity:0;position:absolute;width:var(--checkbox-size);height:var(--checkbox-size)}input.checkbox+label:has(>.text)::before{inset-block-start:6px}input.checkbox+label,div.checkbox{display:inline-block;clear:none;position:relative;padding-inline-start:calc(var(--checkbox-size) + .35rem);line-height:max(1rem,var(--checkbox-size));min-height:max(1rem,var(--checkbox-size));cursor:pointer}input.checkbox+label,input.checkbox+label::before,div.checkbox,div.checkbox::before{border-radius:var(--input-border-radius)}input.checkbox+label::before,div.checkbox::before{display:block;position:absolute;inset-inline-start:0;inset-block-start: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:var(--input-border);background-clip:padding-box}input.checkbox+label:empty,div.checkbox:empty{padding-inline-start:var(--checkbox-size)}input.checkbox+label:empty::after,div.checkbox:empty::after{content:\"\";font-size:0}input.checkbox+label .info,div.checkbox .info{height:17px;margin-block-start:-1px}input.checkbox:disabled+label,.disabled div.checkbox{cursor:not-allowed}input.checkbox:checked+label::before,div.checkbox.checked::before,.sel div.checkbox::before,input.checkbox:indeterminate+label::before,div.checkbox.indeterminate::before,.elementselectormodal .body .content .main .elements .disabled .checkbox::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;line-height:var(--checkbox-size);color:var(--gray-900)}input.checkbox:checked:not(:indeterminate)+label::before,div.checkbox.checked:not(.indeterminate)::before,.sel:not(.matrixblock) div.checkbox:not(.indeterminate)::before,.sel.matrixblock>.actions div.checkbox:not(.indeterminate)::before,.elementselectormodal .body .content .main .elements .disabled .checkbox::before{content:\"check\";font-size:calc(var(--checkbox-size)*.8)}input.checkbox:indeterminate+label::before,div.checkbox.indeterminate::before{content:\"minus\";font-size:7px;text-align:center}input.checkbox:focus-visible+label::before,:focus-visible div.checkbox::before{box-shadow:var(--focus-ring)}.checkbox-icon{display:inline-flex;padding:3px;background-color:var(--enabled-color);color:var(--white);border-radius:var(--small-border-radius)}.checkbox-icon::before{--checkbox-size: 14px;font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"check\";line-height:var(--checkbox-size);font-size:var(--checkbox-size)}.checkbox-preview-label{display:none}.monaco-mouse-cursor-text:focus-visible{box-shadow:none !important}fieldset .checkboxfield{margin-block:5px;margin-inline:0}.checkboxfield .instructions,.checkboxfield .notice,.checkboxfield .warning{margin-block-start:2px;padding-inline-start:calc(1rem + 5px)}.checkboxfield__custom-wrapper{display:inline-block}.radio-group{display:flex;flex-direction:column;gap:.3125rem}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;padding-inline-start:calc(var(--radio-size) + .35rem);line-height:max(1rem,var(--radio-size));min-height:max(1rem,var(--radio-size));cursor:pointer}input.radio:disabled+label,.disabled div.radio{cursor:not-allowed}input.radio+label:empty,div.radio:empty{padding-inline-start: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{inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%);width:var(--radio-size);height:var(--radio-size);background-color:hsl(212,50%,99%);border:var(--input-border)}input.radio+label::after,div.radio::after{inset-block-start:50%;inset-inline-start: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)}input.radio:focus-visible+label::before,:focus-visible div.radio::before{box-shadow:var(--focus-ring)}.multiselect>select{color:var(--text-color);font-size:14px;appearance:none}.multiselect>select:focus-visible{box-shadow:var(--focus-ring)}.multiselect>select option{padding-block:1px;padding-inline:8px}.text,.selectize.multiselect .selectize-input{padding-block:6px}.text:not(.color-input),.selectize.multiselect .selectize-input{padding-inline:9px}.text:not(.small){box-sizing:border-box;min-height:var(--input-height)}.text.small{padding:3px}.text.readable{padding-block:16px;padding-inline:18px;font-size:16px;line-height:22px}.text.readable+.chars-left{margin-block-start:-23px}.text.clearable{padding-inline-end:var(--touch-target-size)}.text input{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0)}td.errors .text,.input.errors>.text,.input.errors>.border-box,.input.errors>.passwordwrapper,.input.errors>.autosuggest-container .text,.input.errors>.datetimewrapper .text,.text.error{border:1px solid var(--error-color) !important}.tagselect__input-wrapper,.texticon{position:relative;cursor:text;min-width:130px}.tagselect__input-wrapper.icon::before,.texticon.icon::before{color:var(--ui-control-color)}.tagselect__input-wrapper.icon svg,.tagselect__input-wrapper.icon::before,.texticon.icon svg,.texticon.icon::before{position:absolute;inset-block-start:calc(50% - .4375rem);inset-inline-start:9px}.tagselect__input-wrapper .texticon-icon,.texticon .texticon-icon{position:absolute;inset-block-start:1.0625rem;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;inset-inline-start:9px}.tagselect__input-wrapper .text,.texticon .text{padding-inline-start:1.625rem}.tagselect__input-wrapper .clear-btn,.texticon .clear-btn{position:absolute;inset-block-start:calc((var(--touch-target-size) - 34px)/-2);inset-inline-end:0;width:var(--touch-target-size);height:var(--touch-target-size)}.tagselect__input-wrapper.has-filter-btn .text,.texticon.has-filter-btn .text{padding-inline-end:26px}.tagselect__input-wrapper.has-filter-btn .filter-btn,.texticon.has-filter-btn .filter-btn{position:absolute;inset-block-start:1.0625rem;transform:translateY(-50%);inset-inline-end:4px;padding-block:0 4px;padding-inline:7px;font-size:14px;line-height:22px;cursor:pointer;border-radius:13px}.tagselect__input-wrapper.has-filter-btn .filter-btn::before,.texticon.has-filter-btn .filter-btn::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"filter\";color:var(--medium-text-color)}.tagselect__input-wrapper.has-filter-btn .filter-btn:hover,.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.tagselect__input-wrapper.has-filter-btn .filter-btn:active,.tagselect__input-wrapper.has-filter-btn .filter-btn.active,.tagselect__input-wrapper.has-filter-btn .filter-btn[aria-expanded=true],.texticon.has-filter-btn .filter-btn:active,.texticon.has-filter-btn .filter-btn.active,.texticon.has-filter-btn .filter-btn[aria-expanded=true]{background-color:var(--gray-350)}.tagselect__input-wrapper.has-filter-btn .filter-btn:active::before,.tagselect__input-wrapper.has-filter-btn .filter-btn.active::before,.tagselect__input-wrapper.has-filter-btn .filter-btn[aria-expanded=true]::before,.texticon.has-filter-btn .filter-btn:active::before,.texticon.has-filter-btn .filter-btn.active::before,.texticon.has-filter-btn .filter-btn[aria-expanded=true]::before{color:var(--white)}.tagselect__input-wrapper.has-filter-btn .text.clearable,.texticon.has-filter-btn .text.clearable{padding-inline-end:calc(30px + var(--touch-target-size))}.tagselect__input-wrapper.has-filter-btn .clear-btn,.texticon.has-filter-btn .clear-btn{inset-inline-end:30px}.tagselect__input-wrapper.icon.add::before{content:none}.tagselect__input-wrapper svg{width:.875rem;height:.875rem;fill:var(--ui-control-color)}.texthint-container{position:relative;height:0}.texthint{position:absolute;inset-block-start:-1px;width:100%;color:var(--light-text-color);cursor:text}.passwordwrapper{position:relative}.passwordwrapper .password{border:none;background:rgba(0,0,0,0);padding-inline-end:4rem;box-shadow:none !important}.passwordwrapper .password-toggle{color:var(--link-color);position:absolute;inset-block:0;inset-inline-end:9px;cursor:pointer}.passwordwrapper .password-toggle:hover{text-decoration:underline}.datetimewrapper{display:flex;flex-flow:row nowrap;align-items:center;gap:5px}.clear-btn{display:flex;justify-content:center;align-items:center;width:24px;cursor:pointer;color:var(--ui-control-color);border:none;padding:0;background:rgba(0,0,0,0)}.clear-btn::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"remove\"}.clear-btn:hover{color:var(--ui-control-hover-color)}.clear-btn:active{color:var(--ui-control-active-color)}.close-btn{position:relative}.close-btn::before,.close-btn::after{position:absolute;content:\"\";inset-block-start:50%;inset-inline-start:50%;height:15px;width:2px;background-color:var(--ui-control-color)}.close-btn::before{transform:translate(-50%, -50%) rotate(-45deg)}.close-btn::after{transform:translate(-50%, -50%) rotate(45deg)}.close-btn:hover::before,.close-btn:hover::after{background-color:var(--ui-control-hover-color)}.close-btn:active::before,.close-btn:active::after{background-color:var(--ui-control-active-color)}.datewrapper,.timewrapper{display:inline-block;position:relative}.datewrapper .text,.timewrapper .text{position:relative;z-index:1;width:100%}.datewrapper .text+div[data-icon],.timewrapper .text+div[data-icon]{display:none}.datewrapper .text:placeholder-shown+div[data-icon],.datewrapper .text.empty-value+div[data-icon],.timewrapper .text:placeholder-shown+div[data-icon],.timewrapper .text.empty-value+div[data-icon]{display:block;position:absolute;inset-block-start:calc(50% - 12px);inset-inline-start:14px;z-index:0;color:var(--light-text-color)}.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-block:1px;padding-inline: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;inset-inline-start:0;height:12px;z-index:1}tr.indexingSession td.progress div.progressContainer div.progressInfo{width:20%}.select:not(.selectize),.select:not(.selectize) select{position:relative;border-radius:5px;white-space:nowrap}.select:not(.selectize){max-width:100%;position:relative}:not(.flex)>.select:not(.selectize){display:inline-block}.select:not(.selectize)::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;inset-block-start:calc(50% - 5px);inset-inline-end:9px;user-select:none;pointer-events:none;color:var(--ui-control-color)}.select:not(.selectize) select{display:block;position:relative;max-width:100%;border:none;padding-block:7px;padding-inline:10px 22px;font-size:14px;line-height:20px;color:hsl(209,18%,30%);background-color:var(--button-bg);appearance:none;white-space:pre}.select:not(.selectize) select::-ms-expand{display:none}.select:not(.selectize).fullwidth select{min-width:100%}.select:not(.selectize) select:hover:not(:disabled){outline-color:rgba(0,0,0,0);background-color:var(--button-bg--hover)}.select:not(.selectize) select:focus-visible{outline-color:rgba(0,0,0,0);box-shadow:var(--focus-ring)}.select:not(.selectize).small::after{inset-block-start:9px}.select:not(.selectize).small select{padding-block:4px !important;font-size:11px}.selectize-control .selectize-input.disabled,.custom-select.disabled{opacity:1;cursor:not-allowed !important;pointer-events:auto !important}.selectize-control .selectize-input.disabled *,.custom-select.disabled *{cursor:not-allowed !important;pointer-events:auto !important}.selectize .selectize-input{display:block;border-color:inherit;box-shadow:none;background-color:rgba(0,0,0,0)}.selectize .selectize-input .item{max-width:100%}.selectize .selectize-input .item span{overflow:hidden;text-overflow:ellipsis}.selectize.select .selectize-input::after{display:none}body .selectize-dropdown{border:none;z-index:101}.selectize.select{height:34px}.selectize.select input::-webkit-input-placeholder,.selectize.select textarea::-webkit-input-placeholder{color:var(--gray-700)}.selectize.select input:-ms-input-placeholder,.selectize.select textarea:-ms-input-placeholder{color:var(--gray-700)}.selectize.select input::-ms-input-placeholder,.selectize.select textarea::-ms-input-placeholder{color:var(--gray-700)}.selectize.select input:-moz-placeholder,.selectize.select textarea:-moz-placeholder{color:var(--gray-700)}.selectize.select input::-moz-placeholder,.selectize.select textarea::-moz-placeholder{color:var(--gray-700)}.selectize.select input::placeholder,.selectize.select textarea::placeholder{color:var(--gray-700)}.selectize.select:not(.fullwidth){width:25em;max-width:100%}.datetimewrapper .selectize.select:not(.fullwidth){max-width:calc(100% - 29px)}.selectize.select .selectize-control{max-width:100%;position:relative}:not(.flex)>.selectize.select .selectize-control{display:inline-block}.selectize.select .selectize-control::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(45deg);position:absolute;z-index:1;inset-block-start:calc(50% - 5px);inset-inline-end:9px;user-select:none;pointer-events:none;color:var(--ui-control-color)}.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;padding-block:7px;padding-inline:10px 22px;font-size:14px;line-height:20px;color:hsl(209,18%,30%);background-color:var(--button-bg);appearance:none}.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-block-end: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-block:3px !important;padding-inline:7px !important}.selectize.multiselect .selectize-input>.item.active{background-color:hsl(212,30%,85%)}.selectize.multiselect .selectize-input>.item>.remove{position:static;border-inline-start:none;padding:0;font-size:0;color:var(--ui-control-color)}.selectize.multiselect .selectize-input>.item>.remove:hover{color:var(--ui-control-hover-color);background-color:rgba(0,0,0,0)}.selectize.multiselect .selectize-input>.item>.remove::before{font-size:14px;font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"remove\"}body .selectize-dropdown{margin-block-start: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-block-start:5px}body .selectize-dropdown .optgroup:not(:first-child){border-block-start:1px solid var(--hairline-color)}body .selectize-dropdown .optgroup .option{padding-inline-start: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-block:4px;padding-inline:0}body .selectize-dropdown .active:not(.selected),body .selectize-dropdown .option:hover{background-color:var(--gray-100)}body .selectize-dropdown .selected{color:var(--white) !important;--medium-text-color: rgba(255, 255, 255, 0.8);--light-text-color: rgba(255, 255, 255, 0.8);background-color:var(--dark-sel-color);cursor:default !important}body .selectize-dropdown .selected svg rect,body .selectize-dropdown .selected svg circle,body .selectize-dropdown .selected svg ellipse,body .selectize-dropdown .selected svg line,body .selectize-dropdown .selected svg polyline,body .selectize-dropdown .selected svg polygon,body .selectize-dropdown .selected svg path,body .selectize-dropdown .selected svg text{fill:var(--white);stroke-width:0}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:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"plus\";margin-inline-end:5px}body .selectize-dropdown-content>div[data-value=new]::after{content:\"…\"}body.no-scroll .selectize-dropdown-content{max-height:200px}.ui-datepicker{position:fixed;inset-block-start:-300px;margin-inline-start:1px;z-index:101 !important}.ui-datepicker-header{padding-block:8px 4px;padding-inline:8px}.ui-datepicker-prev{float:inline-start}.ui-datepicker-next{float:inline-end}.ui-datepicker-prev span,.ui-datepicker-next span{display:none}.ui-datepicker-prev,.ui-datepicker-next{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ui-datepicker-prev:hover::after,.ui-datepicker-next:hover::after{border-color:var(--link-color)}.ui-datepicker-prev::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}body.ltr .ui-datepicker-prev::after{transform:rotate(135deg)}body.rtl .ui-datepicker-prev::after{transform:rotate(-45deg)}.ui-datepicker-next::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative}body.ltr .ui-datepicker-next::after{transform:rotate(-45deg)}body.rtl .ui-datepicker-next::after{transform:rotate(135deg)}.ui-datepicker-title{text-align:center}.ui-datepicker-title select.ui-datepicker-year{background-color:hsl(212,25%,90%);padding-block:0;padding-inline:var(--xs);border-radius:var(--large-border-radius);height:1.375rem}.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;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{margin-inline-start:1px;overflow-y:auto;width:calc(14px + 6em);height:210px;z-index:100}.ui-timepicker-list li{padding-inline:14px 0;padding-block:2px;white-space:nowrap;cursor:pointer}.ui-timepicker-list li:hover{background-color:var(--light-sel-color)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--dark-sel-color);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:default}.slide-picker{display:flex;height:1rem;white-space:nowrap}.slide-picker a{position:relative;border:1px solid var(--hairline-color);border-inline-start:none;background-image:none;width:calc(.5rem - 1px);height:calc(1rem - 2px);margin-inline-start:0;margin-block:1px;box-sizing:border-box;cursor:pointer}.slide-picker a:first-child{width:.5rem;border-inline-start:1px solid var(--gray-400) !important}.slide-picker a::before{content:\"\";position:absolute;inset-block-start:calc(-0.25rem - 1px);inset-inline-start:-1px;width:calc(100% + 2px);height:var(--touch-target-size)}.slide-picker:not(:hover) a.active,.slide-picker:hover a.active-hover{border-block-start-color:var(--gray-400);border-block-end-color:var(--gray-400);height:1rem;margin-block:0}.slide-picker:not(:hover) a.active:first-child,.slide-picker:hover a.active-hover:first-child{border-inline-start:1px solid var(--gray-400);border-start-start-radius:var(--small-border-radius);border-end-start-radius:var(--small-border-radius)}.slide-picker:not(:hover) a.last-active,.slide-picker:hover a.last-active-hover{border-inline-end:1px solid var(--gray-400);border-start-end-radius:var(--small-border-radius);border-end-end-radius:var(--small-border-radius)}.slide-picker:focus a.active{background-color:var(--light-sel-color)}.icon-picker{display:flex;flex-direction:row;align-items:center;gap:var(--xs)}.icon-picker--icon{display:flex;align-items:center;justify-content:center;border-radius:var(--input-border-radius);border:var(--input-border);background:var(--input-bg);background-clip:padding-box;border-radius:var(--ui-control-border-radius);width:var(--ui-control-height);height:var(--ui-control-height);background:var(--gray-050)}.icon-picker--icon svg{width:1.25rem;height:1.25rem}.icon-picker--icon svg rect,.icon-picker--icon svg circle,.icon-picker--icon svg ellipse,.icon-picker--icon svg line,.icon-picker--icon svg polyline,.icon-picker--icon svg polygon,.icon-picker--icon svg path,.icon-picker--icon svg text{fill:var(--ui-control-color);stroke-width:0}.icon-picker--icon.small{width:1.375rem;height:1.375rem}.icon-picker--icon.small svg{width:.875rem;height:.875rem}.icon-picker-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.icon-picker-modal .body{height:100%;display:flex;flex-direction:column;gap:var(--l)}.icon-picker-modal .body .icon-picker-modal--list{flex:1;position:relative;overflow:hidden}.icon-picker-modal .body .icon-picker-modal--list:not(.loading) .spinner{display:none}.icon-picker-modal .body .icon-picker-modal--list.loading::after{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;content:\"\";background-color:hsla(0,0%,100%,.75)}.icon-picker-modal .body .icon-picker-modal--list.loading .spinner{inset-block-start:calc(50% - 10px);z-index:1}.icon-picker-modal .body .icon-picker-modal--list ul{display:flex;flex-flow:row wrap;justify-content:flex-start;gap:var(--s);max-height:100%;overflow:auto}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon{--focus-ring: var(--inner-focus-ring)}.icon-picker-modal .body .icon-picker-modal--list ul .icon-picker--icon:hover{border-color:var(--link-color);background-color:var(--blue-100)}ul.errors{margin-block-start:5px;list-style-type:square;padding-inline-start:20px}ul.errors li{color:var(--error-color)}.message-container{display:flex;justify-content:center;align-items:center;position:fixed;z-index:100;inset-block-start:0;inset-inline-start:0;width:100%;height:100%}.message-container .modal{position:relative;width:calc(15rem + var(--modal-padding)*2);min-width:0;height:auto;min-height:0}body.setup-2fa{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}body.setup-2fa #setup-2fa{display:flex;flex-direction:column;gap:var(--l);width:550px;max-width:100%;padding:var(--padding)}body.setup-2fa #setup-2fa #setup-2fa-intro{text-align:center}body.setup-2fa #setup-2fa #setup-2fa-btn{display:flex;justify-content:center}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-inline: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-block:0;padding-inline:14px;text-align:start;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-block-start: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:var(--white) !important;--medium-text-color: rgba(255, 255, 255, 0.8);--light-text-color: rgba(255, 255, 255, 0.8);background-color:var(--dark-sel-color);cursor:pointer}.autosuggest__results-container .autosuggest__results-item:hover svg rect,.autosuggest__results-container .autosuggest__results-item:hover svg circle,.autosuggest__results-container .autosuggest__results-item:hover svg ellipse,.autosuggest__results-container .autosuggest__results-item:hover svg line,.autosuggest__results-container .autosuggest__results-item:hover svg polyline,.autosuggest__results-container .autosuggest__results-item:hover svg polygon,.autosuggest__results-container .autosuggest__results-item:hover svg path,.autosuggest__results-container .autosuggest__results-item:hover svg text,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg rect,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg circle,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg ellipse,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg line,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg polyline,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg polygon,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg path,.autosuggest__results-container .autosuggest__results-item.autosuggest__results-item--highlighted svg text{fill:var(--white);stroke-width:0}.matrix>.buttons{margin-block-start:10px}.matrixblock{margin-block-end:var(--s);padding-block:0 var(--m);padding-inline:var(--m)}.matrixblock.static .titlebar{padding-inline:14px 0;margin-block-end:14px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){padding:0;width:var(--touch-target-size);height:var(--touch-target-size);background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):hover{backdrop-filter:brightness(90%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):active,.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn)[aria-expanded=true]{backdrop-filter:brightness(85%)}.matrixblock .flex-fields{--row-gap: var(--m) !important;--padding: var(--m);--neg-padding: calc(var(--m) * -1)}.matrixblock .hidden+.field{margin-block-start:0}.matrixblock>.titlebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--m);margin-block:0;margin-inline:calc(var(--m)*-1);box-sizing:border-box;border-radius:var(--large-border-radius) var(--large-border-radius) 0 0;padding-inline:var(--m) calc(var(--m) + 70px);padding-block:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;cursor:default;user-select:none;position:relative;background-color:var(--custom-titlebar-bg-color, var(--gray-100));min-height:calc(var(--lh) + 10px)}.matrixblock>.titlebar>.blocktype,.matrixblock>.titlebar>.preview{font-size:.8em !important}.matrixblock>.titlebar>.blocktype{font-weight:500}.matrixblock>.titlebar>.preview{flex-grow:1;min-width:0;opacity:0;transition:opacity linear 100ms;overflow:hidden}.matrixblock>.titlebar>.preview:empty{display:none}body.ltr .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}body.rtl .matrixblock>.titlebar>.preview{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px)}.matrixblock>.titlebar>.preview span{opacity:.5}.matrixblock>.titlebar>.matrixblock-tabs{flex:1;min-width:0;margin-block:-5px;margin-inline:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs{margin:0;padding-inline-end:3px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist]{padding-block:0;padding-inline:12px}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab].sel{background-color:var(--custom-bg-color, var(--gray-050)) !important}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs [role=tablist] [role=tab] .tab-label{height:calc(var(--lh) + 10px);padding-block:0;padding-inline:var(--m)}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn){margin-inline:0}.matrixblock>.titlebar>.matrixblock-tabs .pane-tabs .menubtn:not(.action-btn):not(:empty,.btn-empty)::after{margin-inline-start:0}.matrixblock>.titlebar>.preview:first-child:empty+.matrixblock-tabs{margin-inline-start:calc((var(--m) + 12px)*-1)}.matrixblock.disabled-entry>.titlebar{padding-inline-end:100px}.matrixblock.disabled-entry>.actions>.status.off{display:block}.matrixblock.collapsed>.titlebar{border-radius:var(--large-border-radius)}.matrixblock.collapsed>.titlebar>.preview{opacity:1}.matrixblock>.actions{display:flex;align-items:center;gap:var(--s);position:absolute;inset-block-start:0;inset-inline-end:var(--m);cursor:default;min-height:calc(var(--lh) + 10px)}.matrixblock>.actions>.status.off{display:none}.matrixblock:not(.static)>.fields{padding-block-start:var(--l)}.matrixblock>.fields>.flex-fields>.field::before{display:none}.matrixblock>.buttons{margin-block-start:0;height:30px}.add-category-form{margin-block-start:24px}.add-category-form .texticon{width:200px;float:inline-start;margin-inline-end:5px}.add-category-form .texticon .text{padding-inline-end:30px}.add-category-form .texticon .spinner{position:absolute;inset-block-start:0;inset-inline-end: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-block-start:-1px;border-start-start-radius:0;border-start-end-radius:0}.sitepicker-group li:not(:first-child) a:not(:hover){border-block-start-color:rgba(0,0,0,0)}.sitepicker-group li:not(:last-child) a{border-end-start-radius:0;border-end-end-radius:0}.sitepicker-group li a{display:block;position:relative;text-align:start;width:100%;box-sizing:border-box;border:1px solid var(--hairline-color);border-radius:var(--medium-border-radius);padding-inline:15px 42px;padding-block:9px;font-size:16px;line-height:1.4}.sitepicker-group li a::after{font-size:14px;position:absolute;inset-block-start:calc(50% - 7px);inset-inline-end:12px;margin:0;padding:0}.sitepicker-group li a:hover{border-color:var(--link-color);text-decoration:none;z-index:1}.entry-mover-modal{--width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);width:var(--width) !important;min-width:0 !important;max-width:calc(100% - 20px) !important}.entry-mover-modal .header{padding-block:calc(var(--m));text-align:center}.entry-mover-modal .body{height:83%;position:relative}.entry-mover-modal .body .entry-mover-modal--list{height:calc(100% + 20px);position:relative}.entry-mover-modal .body .entry-mover-modal--list fieldset{box-sizing:border-box;height:100%;overflow:auto;padding-block-end:20px;position:relative}.entry-mover-modal .footer{position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;box-sizing:border-box}.elementselectormodal .body .main{float:left \\9 ;width:445px \\9 }@media only screen and (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{--2xs: 2px;--xs: 4px;--s: 8px;--m: 14px;--l: 18px;--xl: 24px;--padding: var(--xl);--neg-padding: calc(var(--xl) * -1);--sidebar-width: 14.125rem;--global-sidebar-width: 14.125rem;--details-width: 350px;--sidebar-bgColor: var(--gray-150);--nav-item-indicator-size: var(--xs);--nav-item-badge-bgColor: var(--medium-text-color);--nav-item-badge-fgColor: var(--white);--nav-item-fgColor-active: var(--text-color);--nav-item-bgColor-active: var(--gray-200);--nav-item-fgColor-hover: var(--text-color);--nav-item-bgColor-hover: var(--gray-200);--nav-item-prefix-width: calc(30rem / 16);--nav-item-prefix-ratio: 1;--nav-item-trigger-size: var(--touch-target-size);--nav-item-gutter-width: calc(10rem / 16)}html{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)}body :focus-visible{box-shadow:var(--focus-ring)}.skip-link{position:absolute;margin:5px;inset-inline-start:-10000px;inset-block-start:0;width:1px;height:1px;overflow:hidden;z-index:101}.skip-link:focus{inset-inline-start:unset;inset-inline-start:0;width:auto;height:auto;background-color:var(--gray-100) !important}@media only screen and (min-width: 75rem){.skip-link--global{--light-color: var(--white);--dark-color: var(--gray-800);--focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color)}}#global-container{position:relative;display:flex;min-height:100vh}@media screen and (prefers-reduced-motion: no-preference){#global-container{transition:inset-inline-start 100ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-header{display:grid;grid-template-columns:1fr min-content min-content;align-items:center}#system-info{display:grid;grid-template-columns:var(--nav-item-prefix-width) auto;gap:10px;height:100%;padding-block:0;padding-inline:var(--nav-item-gutter-width);position:relative;flex-direction:row;align-items:center;color:currentcolor;background-clip:padding-box}#system-info::after{display:none}#global-sidebar #system-info{border-block-end:1px solid var(--hairline-color)}div#system-info{cursor:default}a#system-info:focus,a#system-info:hover{text-decoration:none;background-color:var(--gray-200)}#site-icon{--size: var(--nav-item-prefix-width);height:var(--size)}#site-icon img,#site-icon svg{display:block;width:var(--size);height:var(--size);border-radius:4px}#site-icon svg rect,#site-icon svg circle,#site-icon svg ellipse,#site-icon svg line,#site-icon svg polyline,#site-icon svg polygon,#site-icon svg path,#site-icon svg text{fill:var(--medium-text-color);stroke-width:0}#system-name h2,#system-name .h2{margin:0;width:100%;overflow:hidden;max-height:40px;position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] #system-info:hover #system-name{opacity:1;transform:translateY(-50%) translateX(0)}[data-sidebar=collapsed] #system-name{position:absolute;inset-inline-start:calc(100% + var(--s)*2);inset-block-start:50%;transform:translateY(-50%) translateX(-5px);opacity:0;background:var(--pane-bg);box-shadow:var(--pane-shadow);color:var(--text-color);border-radius:var(--medium-border-radius);padding-block:var(--xs);padding-inline:var(--s);white-space:nowrap;pointer-events:none}[data-sidebar=collapsed] #system-name:focus{box-shadow:var(--focus-ring)}}@media only screen and (min-width: 75rem)and (prefers-reduced-motion: no-preference){[data-sidebar=collapsed] #system-name{transition:opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),transform 150ms cubic-bezier(0.33, 1, 0.68, 1)}}#global-footer{--link-color: #1453db;display:flex;flex-direction:column;align-items:center;padding-block:var(--m) var(--xl);padding-inline:var(--m);gap:var(--m)}body.has-debug-toolbar #global-footer{padding-block-end: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-block:16px;padding-inline:var(--xl);border-radius:var(--large-border-radius);background-color:var(--gray-150);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{user-select:none;border:1px solid var(--gray-600);border-radius:3px;display:inline-flex;box-sizing:content-box;font-size:11px;padding-block:6px;padding-inline:7px 5px;line-height:8px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}#devmode{margin-block-start:auto;flex:0 0 4px;width:100%;min-height:4px;background:url(\"../images/dev-mode.svg\") repeat-x 21px 0,var(--gray-900);cursor:help}#page-container{display:flex;flex-direction:column;flex-grow:1}#alerts{position:relative;background-color:var(--red-050);border-inline-start:6px solid var(--error-color);color:var(--error-color)}#alerts>li{padding-block:7px 8px;padding-inline:24px;box-shadow:inset 0 -1px 0 0 var(--red-100);min-height:var(--header-height);display:flex;align-items:center}#alerts>li span[data-icon]::before{margin-block-start:-3px !important}#alerts>li .resolvable-alert-buttons{margin-block-start:var(--m)}#alerts>li .btn,#alerts>li a.go{display:inline-flex;align-items:center;border:1px solid rgba(220,38,38,.5);border-radius:var(--medium-border-radius);padding-block:4px;padding-inline:5px;margin-block:0;margin-inline: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-block-start:1px}#alerts>li .btn{background-color:rgba(0,0,0,0)}#global-header .btn.menubtn,li.crumb .btn.menubtn,.btn.action-btn{padding:0}#global-header .btn.menubtn:not(:hover,:active,[aria-expanded=true]),li.crumb .btn.menubtn:not(:hover,:active,[aria-expanded=true]),.btn.action-btn:not(:hover,:active,[aria-expanded=true]){background-color:rgba(0,0,0,0)}#global-header .btn.menubtn:not(.m),li.crumb .btn.menubtn:not(.m),.btn.action-btn:not(.m){width:var(--touch-target-size);height:var(--touch-target-size);min-height:auto}#global-header .btn.menubtn.m,li.crumb .btn.menubtn.m,.btn.action-btn.m{width:var(--ui-control-height);height:var(--ui-control-height)}#global-header{width:100%;margin-block-end:var(--m);border-block-end:1px solid var(--hairline-color)}#global-header .flex{height:var(--header-height);align-items:center}#global-header .btn{--ui-control-color: var(--gray-400);--ui-control-hover-color: var(--gray-800);--ui-control-active-color: var(--gray-700)}#global-header .btn:hover{color:var(--ui-control-hover-color)}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:var(--header-height);border-inline-end:1px solid var(--medium-hairline-color);line-height:26px;color:currentcolor;text-align:center}.nav-toggle::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;content:\"menu\";font-size:16px;line-height:0}.nav-toggle:hover{color:var(--link-color)}#crumbs{display:flex;flex-direction:row;align-items:center;font-size:13px;margin:0 !important;max-width:100%;overflow:hidden}#crumbs.empty{display:none}#crumbs nav{margin:0}#primary-nav-toggle:focus-visible{box-shadow:var(--inner-focus-ring)}#crumb-list{display:flex;flex-flow:row nowrap;align-items:stretch;max-width:100%;height:var(--header-height);--arrow-padding: 10;--arrow-height: 22;--arrow-angle: 35;--arrow-width: 17.1111;--arrow-c: 27.871}body.rtl #crumb-list{--arrow-angle: -35}#crumb-list li.crumb{position:relative;padding-inline-start:calc(var(--arrow-width)*.5rem/16);cursor:default;color:var(--light-text-color)}#crumb-list li.crumb:not(.current){padding-inline-end:calc(var(--arrow-width)*1.125rem/16)}#crumb-list li.crumb:not(.current)::before,#crumb-list li.crumb:not(.current)::after{display:block;content:\"\";width:1px;height:calc(var(--arrow-c)*1rem/16);position:absolute;inset-inline-end:calc(var(--arrow-width)*.5rem/16);background:var(--medium-hairline-color);pointer-events:none}#crumb-list li.crumb:not(.current)::before{inset-block-start:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * -1deg))}#crumb-list li.crumb:not(.current)::after{inset-block-end:calc((var(--arrow-height) - var(--arrow-c))/2*1rem/16);transform:rotate(calc(var(--arrow-angle) * 1deg))}#crumb-list .menu--disclosure li{display:block}#crumb-list .menu--disclosure li::after{content:none}#crumb-menu-trigger{min-width:var(--touch-target-size)}#crumb-menu-trigger::before{width:100%}#crumb-menu .chip{min-height:44px}li.crumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--xs)}li.crumb [data-icon]{position:relative;inset-block-start:-1px}li.crumb .menubtn{position:relative;margin-block:0;margin-inline:calc(var(--xs)*-1/2)}li.crumb [data-icon=ellipsis]::before{margin-block-start:3px;font-size:17px}li.crumb .chip .label-link{max-width:15em}li.crumb .chip .label-link:focus-visible{box-shadow:var(--inner-focus-ring)}li.crumb .chip .label-link>span:not(.context-label){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}li.crumb:has(.menubtn)>a{margin-inline-end:0 !important;padding-inline-end:var(--xs) !important}li.crumb>a{flex:1;display:flex !important;align-items:center;flex-wrap:nowrap;gap:var(--xs);white-space:nowrap}.menu--disclosure li.crumb>a{min-height:34px}li.crumb a,li.crumb button{display:inline-flex;align-items:center;min-height:var(--touch-target-size)}li.crumb a:not(:hover),li.crumb button:not(:hover){color:var(--text-color)}li.crumb a:not(:hover) svg rect,li.crumb a:not(:hover) svg circle,li.crumb a:not(:hover) svg ellipse,li.crumb a:not(:hover) svg line,li.crumb a:not(:hover) svg polyline,li.crumb a:not(:hover) svg polygon,li.crumb a:not(:hover) svg path,li.crumb a:not(:hover) svg text,li.crumb button:not(:hover) svg rect,li.crumb button:not(:hover) svg circle,li.crumb button:not(:hover) svg ellipse,li.crumb button:not(:hover) svg line,li.crumb button:not(:hover) svg polyline,li.crumb button:not(:hover) svg polygon,li.crumb button:not(:hover) svg path,li.crumb button:not(:hover) svg text{fill:var(--text-color);stroke-width:0}li.crumb a:hover,li.crumb button:hover{text-decoration:none}li.crumb a{position:relative}li.crumb button{cursor:pointer}li.breadcrumb-toggle-wrapper::after{content:none}#account-menu ul li a{max-width:calc(100% + 28px) !important}#announcements-btn{width:1.875rem;height:1.875rem;min-height:auto;padding-left:0;padding-right:0;width:calc(1.75rem + 10px);position:relative}#announcements-btn:not(:hover):not(:active):not(.active):not([aria-expanded=true]){background-color:rgba(0,0,0,0)}#announcements-btn:not(:active):not(.active):not([aria-expanded=true]):hover{background-color:hsla(211,13%,65%,.15)}#announcements-btn.unread::after{content:\"\";display:block;position:absolute;inset-block-start:.1875rem;inset-inline-end:5px;width:.4375rem;height:.4375rem;border-radius:50%;background-color:var(--blue-600)}#announcements-btn svg{width:1rem;height:1rem}#announcements-btn svg rect,#announcements-btn svg circle,#announcements-btn svg ellipse,#announcements-btn svg line,#announcements-btn svg polyline,#announcements-btn svg polygon,#announcements-btn svg path,#announcements-btn svg text{fill:var(--ui-control-color);stroke-width:0}#announcements-btn:hover svg rect,#announcements-btn:hover svg circle,#announcements-btn:hover svg ellipse,#announcements-btn:hover svg line,#announcements-btn:hover svg polyline,#announcements-btn:hover svg polygon,#announcements-btn:hover svg path,#announcements-btn:hover svg text,#announcements-btn:active svg rect,#announcements-btn:active svg circle,#announcements-btn:active svg ellipse,#announcements-btn:active svg line,#announcements-btn:active svg polyline,#announcements-btn:active svg polygon,#announcements-btn:active svg path,#announcements-btn:active svg text,#announcements-btn.active svg rect,#announcements-btn.active svg circle,#announcements-btn.active svg ellipse,#announcements-btn.active svg line,#announcements-btn.active svg polyline,#announcements-btn.active svg polygon,#announcements-btn.active svg path,#announcements-btn.active svg text{fill:var(--ui-control-active-color);stroke-width:0}#announcements{max-width:350px}#announcements .announcement:not(:first-child){margin-block-start:20px}#announcements .announcement .announcement-label-container{margin-block:-3px 3px;display:flex;align-items:center}#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;inset-block-start:7px;inset-inline-start:-13px;width:7px;height:7px;border-radius:4px;background-color:var(--blue-600)}#announcements .announcement p{margin:0}#announcements .announcement__header{display:grid}#announcements .announcement__heading{position:relative;margin-block:0 3px;margin-inline:0;order:1}#user-info{display:flex;flex-direction:row;align-items:center;padding-inline:var(--s) calc(var(--padding) + 1px);padding-block:5px;height:100%;background-color:rgba(0,0,0,0);border-radius:0}#user-info::after{border-color:var(--ui-control-color);transition:border-color linear 100ms}#user-info:hover::after{border-color:var(--ui-control-hover-color)}#user-info[aria-expanded=true]::after{border-color:var(--ui-control-active-color)}.header-photo img,.header-photo svg{display:block;width:1.875rem;height:1.875rem;max-width:none;border-radius:50%;box-shadow:0 0 0 1px 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;inset-block-end:8px;inset-inline-start:8px;width:calc(100% - 16px);z-index:101}body.has-debug-toolbar #notifications{inset-block-end:50px}@media only screen and (min-width: 60.875rem){#notifications{width:350px}}#notifications .notification{position:relative;background:var(--pane-bg);box-shadow:var(--pane-shadow);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)}#notifications .notification:focus{box-shadow:var(--focus-ring)}#notifications .notification[data-type=success] .notification-icon{--icon-color: var(--success-color)}#notifications .notification[data-type=error] .notification-icon{--icon-color: var(--error-color)}#notifications .notification+.notification{margin-block-start:12px}#notifications .notification .notification-inner{display:flex;padding-block:10px;padding-inline:14px}#notifications .notification .notification-icon{--icon-color: var(--notice-color);margin-block-start:2px}#notifications .notification .notification-main{margin:-10px;padding:10px;overflow:hidden}#notifications .notification .notification-body{display:grid;grid-template-columns:20px 1fr;gap:var(--s);width:100%}#notifications .notification .notification-body .notification-message{font-weight:bold;word-break:normal;overflow-wrap:anywhere}#notifications .notification .notification-body .notification-details{margin-block-start:var(--xs)}#notifications .notification .notification-close-btn{position:relative;inset-block-start:-2px;margin-inline-start:10px}#notifications .copied-elements-notification{padding:2px;background:linear-gradient(135deg, var(--fuchsia-600), var(--violet-600), var(--indigo-600))}#notifications .copied-elements-notification .notification-icon{--icon-color: var(--fuchsia-500)}#notifications .copied-elements-notification .notification-inner{border-radius:var(--small-border-radius);background:var(--white)}#notifications .copied-elements-notification .copied-elements{overflow:hidden;margin-block-end:-10px;padding-block-end:10px;position:relative;pointer-events:none}#notifications .copied-elements-notification .copied-elements .chip:not(:first-child){position:absolute}#notifications .copied-elements-notification .copied-elements .chip:not(:first-child)::after{content:\"\";position:absolute;display:block;inset:-1px;background:rgb(255, 255, 255, var(--overlay-opacity))}.paste-btn{background:linear-gradient(135deg, var(--fuchsia-600), var(--violet-600), var(--indigo-600));color:var(--white);text-shadow:0 1px 2px rgba(0,0,0,.25);--focus-ring: var(--focus-ring-outset)}.paste-btn:hover,.paste-btn.loading{background:linear-gradient(135deg, var(--fuchsia-700), var(--violet-700), var(--indigo-700))}#header-container{margin-block-end:var(--m)}@media only screen and (min-width: 75rem){#primary-nav-toggle{display:none}#crumbs:not(.empty) #primary-nav-toggle+nav ul li:first-child,#crumbs.empty+.context-menu-container{margin-inline-start:var(--padding);padding-inline-start:0}}#global-header .flex,#header .flex{max-width:100%}#global-header .flex.flex-nowrap,#header .flex.flex-nowrap{min-width:0}#header{display:flex;align-items:flex-start;place-content:stretch space-between;flex-wrap:nowrap;gap:var(--s);padding-block:5px;padding-inline:var(--padding);position:relative;isolation:isolate;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;inset-block-start:0;background-color:var(--gray-100);box-shadow: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:1.3;margin-block:0;min-width:0}#header .buttons,#header .btngroup{margin-block-start:0}#page-title{--page-title-columns: 1fr 34px;min-height:34px;display:grid;grid-template-columns:var(--page-title-columns);align-items:center;gap:var(--s)}@media only screen and (min-width: 60.875rem){#page-title.has-toolbar{min-width:calc(14.125rem - var(--xl) - var(--s)) !important}}#content-heading{font-size:.875rem;font-weight:normal}#content-heading::before{content:\"/\";display:inline-block;margin-inline:.5rem}@media only screen and (min-width: 60.875rem){#content-heading{display:none}}#toolbar{flex:1;align-items:center;justify-content:space-between;min-height:34px}#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::placeholder{color:var(--light-text-color)}#toolbar .text:not(:focus){background-clip:border-box}#revision-indicators{min-width:34px;min-height:34px;display:flex;align-items:center;align-self:start}#action-buttons{flex-shrink:0}@media only screen and (width <= 400px){#action-buttons .btngroup .btn:first-child{flex-basis:100%}}@media only screen and (max-width: 60.8125rem){#action-buttons{flex-direction:row-reverse;justify-content:flex-start;margin-block-start:10px}}#main-content{display:flex;flex-direction:row;align-items:flex-start;padding-block:0 48px;padding-inline:var(--padding);box-sizing:border-box}#main-content>.grid:only-child{flex:1}#sidebar-toggle-container{display:none}#sidebar-container{flex:0 0 14.125rem;width:14.125rem;box-sizing:border-box}@media only screen and (min-width: 75rem){#sidebar-container{margin-inline-start:calc(var(--xl)*-1)}}#sidebar{position:relative;box-sizing:border-box;padding-block:0 var(--m);padding-inline:40px;width:14.125rem;background-color:rgba(0,0,0,0)}#sidebar.fixed{position:fixed}#sidebar nav{margin-inline:-31px}#sidebar nav li a{position:relative}#sidebar nav li a:focus{z-index:1}#sidebar nav li a:not(.sel):hover{background-color:var(--gray-200)}#sidebar .skip-link{margin-block:0;margin-inline:var(--s)}@media only screen and (min-width: 75rem){#sidebar{padding-block:0 var(--m);padding-inline:31px}}#content-container{flex:1 1 auto;width:400px}.content-grid{--size-main-content: 100%;position:relative;display:grid;grid-template-columns:minmax(var(--size-main-content), 1fr) var(--touch-target-size)}.content-grid:has(.content-grid__toggle){--size-main-content: calc(100% - var(--touch-target-size))}.content-grid__main{grid-column:1/1}.content-pane{background:var(--pane-bg);box-shadow:var(--pane-shadow);--border-radius: var(--large-border-radius);border-radius:var(--border-radius);position:relative;background-clip:padding-box;padding:var(--padding);--pane-padding: var(--padding);word-wrap:break-word}.content-pane:focus{box-shadow:var(--focus-ring)}.content-pane>hr{margin-inline:calc(var(--xl)*-1)}.content-pane:has(.flex-fields){container-type:inline-size}#footer,.footer{padding-block:6px;padding-inline:var(--pane-padding, var(--xl));min-height:44px;line-height:2rem}#footer .buttons,.footer .buttons{height:32px;display:flex;align-items:center}#footer .btn,.footer .btn{padding-block:4px;height:var(--ui-control-height--small)}#footer{position:sticky;inset-block-end:0;z-index:1;margin-block:var(--padding) calc(var(--padding)*-1 + 2px);margin-inline:calc(var(--padding)*-1 + 2px);background-color:var(--gray-050);border-radius:var(--small-border-radius);box-sizing:border-box;border-block-start:2px solid var(--white)}#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-block-end:52px}#footer>*,#footer .flex>*{margin-block-end:0}#details-container[data-state=collapsed]{display:none}#details-toggle>button{position:sticky;display:flex;flex-direction:column;justify-content:center;align-items:center;inset-block-start:0;height:100%;max-height:100vh;width:var(--touch-target-size);border-radius:var(--ui-control-border-radius)}#details-toggle>button .details-toggle__inner{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--hairline-color);width:calc(var(--touch-target-size) - var(--s));height:calc(var(--touch-target-size)*2);border-radius:var(--ui-control-border-radius);background-color:var(--gray-100);position:relative;z-index:10}#details-toggle>button::before{content:\"\";position:absolute;inset-block:0;height:100%;width:1px;background-color:var(--hairline-color)}#details-toggle>button:hover .details-toggle__inner,#details-toggle>button:focus .details-toggle__inner,#details-toggle>button:focus-visible .details-toggle__inner{background-color:var(--gray-200)}#details-toggle>button:hover::before,#details-toggle>button:focus::before,#details-toggle>button:focus-visible::before{transform:scaleX(300%)}#details-toggle>button:focus-visible,#details-toggle>button:focus{box-shadow:none}#details-toggle>button:focus-visible .details-toggle__inner,#details-toggle>button:focus .details-toggle__inner{box-shadow:var(--focus-ring)}.rtl #details-toggle>button .toggle-icon{transform:rotate(180deg)}#details-toggle>button[aria-expanded=true] .toggle-icon--open{display:none}#details-toggle>button[aria-expanded=false] .toggle-icon--close{display:none}#details-container{display:block;flex:0 1 auto;width:calc(var(--details-width));position:sticky;inset-block-start:0}#details{display:none}#details{display:block;width:350px;z-index:1}#details.fixed{position:fixed}#details .details .meta{border-radius:var(--large-border-radius)}#details .details .meta:not(.read-only,.warning){background:var(--pane-bg);box-shadow:var(--pane-shadow)}#details .details .meta:not(.read-only,.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-start-end-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-start-start-radius:var(--large-border-radius)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-end-end-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-end-start-radius:var(--large-border-radius)}#details .details>.field>.input>.text.fullwidth{background:var(--pane-bg);box-shadow:var(--pane-shadow)}#details .details>.field>.input>.text.fullwidth:focus{box-shadow:var(--focus-ring)}#details .details .notes{border-radius:var(--large-border-radius);padding-block:var(--m)}@media only screen and (max-width: 74.9375rem){#global-container{inset-inline-start:-14.125rem;width:calc(100vw + 14.125rem)}.showing-nav #global-container{inset-inline-start:0}#crumbs{display:flex !important}#header{width:100vw}#main-content{width:100vw}#main-content.has-sidebar{padding-inline-start:0}}@media only screen and (max-width: 60.8125rem){#header{display:block}#header .flex:not(#toolbar){margin-block-start:10px}#toolbar{flex-wrap:wrap !important}#toolbar>*{margin-block-start:10px !important}body.fixed-header #header .flex:first-child{margin-block-start:0}#main-content{display:block}#main-content.has-sidebar{padding-block:0 48px;padding-inline:var(--padding)}#sidebar nav{margin-inline:-40px}#sidebar .skip-link{margin:0}#source-actions{margin-block-start:var(--s);margin-inline-start:-9px}#sidebar-toggle-container{display:block;margin-block-end:var(--s)}#sidebar-toggle::after{inset-block-start:0;transform:rotate(45deg)}body.rtl #sidebar-toggle::after{transform:rotate(135deg)}#content-container{min-height:0 !important}.content-grid,.content-grid:has(.content-grid__toggle){--size-main-content: 100%}#sidebar-container,#details-container{width:auto !important;padding-inline-start:0 !important;display:block}.content-grid__toggle{display:none}#sidebar,#details{position:relative !important;overflow-y:visible !important;max-height:none !important;width:auto}#sidebar{margin-block-end:var(--m)}body.showing-sidebar #sidebar{background:var(--pane-bg);box-shadow:var(--pane-shadow);padding-block:.5rem;border-radius:var(--large-border-radius)}body.showing-sidebar #sidebar:focus{box-shadow:var(--focus-ring)}body:not(.showing-sidebar) #sidebar{display:none}#details-container{margin-inline-end:0}#content-container{width:auto !important;max-width:none !important}#details{padding:0 !important;margin-block-start:var(--m)}#details .details{margin-block-end:auto}}@media only screen and (width <= 767px){:root{--padding: var(--s);--neg-padding: calc(var(--s) * -1)}#tabs ul li a{padding-inline:var(--m)}#tabs ul li+li{margin-inline-start:-7px}.card-grid{display:flex !important;flex-direction:column}}#settingsmenu ul li a{padding-inline-start:46px}#settingsmenu ul li a::before{margin-inline:-22px 0;margin-block:1px 0;font-size:15px}#settingsmenu ul li a img{width:16px;height:16px;position:absolute;margin-inline-start:-23px;margin-block-start:1px}.grid{position:relative;min-height:1px}.grid::after{content:\"\";display:block;height:0;clear:both;visibility:hidden}.grid>.item{display:none;box-sizing:border-box}.sidebar{width:14.125rem;box-sizing:border-box;font-size:13px}.sidebar:not(.drag-helper){padding-block:var(--m);padding-inline:0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin-block:0;margin-inline:var(--xl)}.sidebar .heading:not(:first-child){margin-block-start:var(--m)}.sidebar .heading>span{display:inline-block;position:relative;z-index:1;padding-block:0;padding-inline:5px;margin-block:0;margin-inline:-5px;text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sidebar .heading>ul{margin-block:2px;margin-inline:calc(var(--xl)*-1)}.sidebar nav{padding-block:0;padding-inline:var(--s)}.sidebar nav>ul>li:not(.heading)>a,.sidebar nav>ul>li.heading>ul>li>a{padding-inline-start:24px}.sidebar nav>ul>li:not(.heading)>.toggle,.sidebar nav>ul>li.heading>ul>li>.toggle{inset-inline-start:calc(var(--m)*0)}.sidebar nav>ul>li:not(.heading)>ul.nested>li>a,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>a{padding-inline-start:38px}.sidebar nav>ul>li:not(.heading)>ul.nested>li>.toggle,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>.toggle{inset-inline-start:calc(var(--m)*1)}.sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>a,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>a{padding-inline-start:52px}.sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>.toggle,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>.toggle{inset-inline-start:calc(var(--m)*2)}.sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>a,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-inline-start:66px}.sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{inset-inline-start:calc(var(--m)*3)}.sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>a{padding-inline-start:80px}.sidebar nav>ul>li:not(.heading)>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle,.sidebar nav>ul>li.heading>ul>li>ul.nested>li>ul.nested>li>ul.nested>li>ul.nested>li>.toggle{inset-inline-start:calc(var(--m)*4)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover{text-decoration:none}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target{cursor:default;background-color:var(--gray-500);--focus-ring: var(--focus-ring-outset)}.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;--focus-ring: var(--focus-ring-outset)}.sidebar nav li a{position:relative;margin-block-end:1px;display:flex;flex-direction:row;align-items:center;padding-block:7px;padding-inline:var(--xl);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);cursor:pointer;user-select:none;border-radius:var(--large-border-radius);word-break:break-word}.sidebar nav li a .status{flex-shrink:1}.sidebar nav li a .icon{position:relative;inset-block-start:1px;margin-inline-end:10px;flex-shrink:1;width:1.125rem;height:1.125rem;word-break:normal;transition:margin-inline-start linear 150ms,margin-inline-end linear 150ms;opacity:.85}.sidebar nav li a .icon.icon-mask svg rect,.sidebar nav li a .icon.icon-mask svg circle,.sidebar nav li a .icon.icon-mask svg ellipse,.sidebar nav li a .icon.icon-mask svg line,.sidebar nav li a .icon.icon-mask svg polyline,.sidebar nav li a .icon.icon-mask svg polygon,.sidebar nav li a .icon.icon-mask svg path,.sidebar nav li a .icon.icon-mask svg text{fill:currentColor;stroke-width:0}.sidebar nav li a .icon.icon-mask span[data-icon]{color:currentcolor}.sidebar nav li a .icon svg{width:1rem;height:1rem}.sidebar nav li a .icon span[data-icon]{font-size:16px}.sidebar nav li a .icon span[data-icon]::before{display:block}.sidebar nav li a .label{flex:1}.sidebar nav li a .badge{margin-inline:10px -4px;margin-block:0;flex-shrink:1;font-size:.625rem;line-height:1rem;min-width:1.1rem;height:1rem;padding-block:0;padding-inline:var(--xs);border-radius:var(--s);background-color:var(--medium-text-color);color:var(--white)}.sidebar nav li .toggle{position:absolute;z-index:1;height:34px;inset-block-start: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{background:var(--pane-bg);box-shadow:var(--pane-shadow);margin-block-end:var(--l);padding-block:var(--l);padding-inline:var(--xl);border-radius:var(--large-border-radius);background-color:var(--gray-050)}.error-summary:focus{box-shadow:var(--focus-ring)}.error-summary .notification-icon{color:var(--error-color);margin-block:-2px 0;margin-inline:0 6px;float:inline-start}.error-summary h2{margin-block-start:0}.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)}.slideout .error-summary{border:1px solid var(--error-color);box-shadow:none;background-color:rgb(var(--error-color-rgb)/3%);padding:var(--m)}.slideout .flex-fields .error-summary{margin-block:0 var(--row-gap);margin-inline:var(--row-gap)}.content.has-sidebar:not(.hiding-sidebar){margin-inline-start:14.125rem}#content-notice{margin-block:0;margin-inline:calc(var(--xl)*-1);padding-block:0;padding-inline:var(--xl)}#content-notice:not(:last-child){padding-block-end:5px;border-block-end:1px solid var(--hairline-color);margin-block-end:5px}.flex-fields{--row-gap: var(--xl);display:flex;flex-wrap:wrap;align-content:flex-start;margin-block:0 calc(var(--padding)*-1);margin-inline:calc(var(--padding)*-1);width:calc(100% + var(--padding)*2);container-type:inline-size}.flex-fields>:not(.error-summary){margin-block:0 var(--row-gap) !important;margin-inline:0 !important;padding-block:0;padding-inline:var(--padding);box-sizing:border-box}.flex-fields>h2{flex:4 0 100%}.flex-fields>h2:not(:nth-child(-n+1 of :not(.hidden))){padding-block-start:var(--xl);border-block-start:1px solid var(--hairline-color)}.flex-fields>hr,.flex-fields>.line-break{flex:4 0 100%}.flex-fields>.line-break:not(:first-child){margin-block-end:0 !important}.flex-fields>:not(h2,hr,.line-break),.flex-fields>:not(h2,hr,.line-break):last-child{position:relative;width:100%}.flex-fields>:not(h2,hr,.line-break)::before,.flex-fields>:not(h2,hr,.line-break):last-child::before{position:absolute;inset-block-start:0;inset-inline-start:-1px;width:1px;height:100%;content:\"\";background-color:hsla(212,30%,85%,.5)}@container (min-width: calc(800rem/16)){.flex-fields>:not(h2,hr,.line-break).width-25,.flex-fields>:not(h2,hr,.line-break):last-child.width-25{width:25%}.flex-fields>:not(h2,hr,.line-break).width-50,.flex-fields>:not(h2,hr,.line-break):last-child.width-50{width:50%}.flex-fields>:not(h2,hr,.line-break).width-75,.flex-fields>:not(h2,hr,.line-break):last-child.width-75{width:75%}}@container (min-width: calc(400rem/16)) and (max-width: calc(800rem/16 - 1px)){.flex-fields>:not(h2,hr,.line-break).width-25,.flex-fields>:not(h2,hr,.line-break):last-child.width-25{width:50%}}.range-wrapper{max-width:200px}input.range{display:block;appearance:none;width:100%}input.range:focus{outline:none}input.range::-webkit-slider-thumb{border:none;height:var(--m);width:var(--m);border-radius:calc(var(--touch-target-size)/2);background:var(--ui-control-color);box-shadow:0 0 0 1px var(--white);cursor:pointer;appearance:none;margin-block-start:calc(var(--m)/2*-1 + 6px/2)}input.range::-moz-range-thumb{border:none;height:var(--m);width:var(--m);border-radius:calc(var(--touch-target-size)/2);background:var(--ui-control-color);box-shadow:0 0 0 1px var(--white);cursor:pointer}input.range::-ms-thumb{border:none;height:var(--m);width:var(--m);border-radius:calc(var(--touch-target-size)/2);background:var(--ui-control-color);box-shadow:0 0 0 1px var(--white);cursor:pointer}input.range::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--white);border-radius:3px;box-shadow:inset 0 0 0 1px var(--ui-control-color)}input.range::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--white);border-radius:3px;box-shadow:inset 0 0 0 1px var(--ui-control-color)}input.range::-ms-track{width:100%;height:6px;cursor:pointer;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:16px 0;color:rgba(0,0,0,0)}input.range::-ms-fill-lower{background:var(--white);border:none;border-radius:3px}input.range::-ms-fill-upper{background:var(--white);border:none;border-radius:3px}input.range:focus::-ms-fill-lower{background:var(--white)}.global-sidebar{--is-always-visible: true;position:sticky;inset-block-start:0;display:grid;grid-template-columns:var(--global-sidebar-width);grid-template-rows:calc(var(--header-height) + 1px) minmax(0, 1fr) auto;grid-auto-flow:row;height:100vh;padding:0;-webkit-overflow-scrolling:touch;background-color:var(--gray-150);border-inline-end:1px solid var(--hairline-color);width:var(--global-sidebar-width);isolation:isolate;z-index:1}.global-sidebar a{text-decoration:none}.global-sidebar>a:not([href]),.global-sidebar *:not(.has-subnav)>a:not([href]){cursor:default;background-color:rgba(0,0,0,0)}@media only screen and (max-width: 74.9375rem){.global-sidebar{--is-always-visible: false}}.global-sidebar__nav{padding-block:var(--s);padding-inline:0;overflow:hidden auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}.global-sidebar__footer{margin-block-start:auto;border-block-start:1px solid var(--hairline-color)}.global-nav>ul{display:flex;flex-direction:column}.global-nav>ul>li{position:relative}.nav-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:1.25rem;height:1rem;line-height:0;--thumb-size: 1rem}.nav-icon>svg{width:100%;height:100%}.nav-icon>svg rect,.nav-icon>svg circle,.nav-icon>svg ellipse,.nav-icon>svg line,.nav-icon>svg polyline,.nav-icon>svg polygon,.nav-icon>svg path,.nav-icon>svg text{fill:currentColor;stroke-width:0}.nav-item{display:grid;grid-template-columns:var(--nav-item-gutter-width) minmax(0, 1fr) var(--nav-item-prefix-width) var(--nav-item-gutter-width);grid-template-areas:\". action trigger .\" \"subnav subnav subnav subnav\";align-items:center;width:100%;padding-block:var(--xs)}.nav-item>.sidebar-action{grid-area:action}.nav-item.sel{color:var(--nav-item-fgColor-active);background-color:var(--nav-item-bgColor-active)}.nav-item--sub{padding-block:0}.nav-item__trigger{--icon-size: 10px;width:var(--nav-item-trigger-size);grid-area:trigger;display:flex;justify-content:center;z-index:1}.nav-item__trigger .menubtn{padding:0;flex-direction:column;justify-content:center;align-items:center;width:var(--nav-item-trigger-size);height:var(--nav-item-trigger-size);border:rgba(0,0,0,0)}.nav-item__trigger .menubtn:hover{background-color:var(--nav-item-bgColor-hover)}.nav-item__trigger .menubtn[aria-expanded=true]:not(:hover){background-color:rgba(0,0,0,0)}.nav-item__trigger .menubtn[aria-expanded=true]::after{display:block;content:\"\";font-size:0;width:.4375rem;height:.4375rem;border:solid currentColor;border-width:0 .125rem .125rem 0;opacity:.8;position:relative;transform:rotate(225deg);inset-block-start:2px}.nav-item__trigger .menubtn::after{margin-inline-start:0 !important}.nav-item__subnav{--nav-item-prefix-ratio: 4/3;display:none;grid-area:subnav;gap:1px;margin-block:1px;flex-direction:column}.nav-item__subnav[data-state=expanded]{display:flex}.badge{display:inline-flex;justify-content:center;text-align:center;font-size:.625rem;line-height:1rem;min-width:1.1rem;height:1rem;padding-block:0;padding-inline:var(--xs);border-radius:var(--s);background-color:var(--nav-item-badge-bgColor);color:var(--nav-item-badge-fgColor)}.sidebar-actions{display:none}@media only screen and (min-width: 75rem){.sidebar-actions{display:block;padding-block:10px;padding-inline:var(--nav-item-gutter-width)}.sidebar-actions #sidebar-trigger{display:flex}}.sidebar-action{--thumb-size: 0.75rem;display:grid;grid-template-columns:var(--nav-item-prefix-width) minmax(0, 1fr) auto;width:100%;align-items:center;position:relative;text-align:start;border-radius:var(--medium-border-radius);color:currentcolor;cursor:pointer;min-height:30px;font-weight:500}.sidebar-action::before{content:\"\";position:absolute;inset-inline-start:0;inset-block-start:50%;transform:translateY(-50%) translateX(-150%);height:95%;width:var(--nav-item-indicator-size);border-radius:var(--small-border-radius)}.rtl .sidebar-action::before{transform:translateY(-50%) translateX(150%)}.sidebar-action:focus-visible,.sidebar-action:hover{color:var(--nav-item-fgColor-hover);background-color:var(--nav-item-bgColor-hover)}.sidebar-action[aria-current=page]::before,.sidebar-action[aria-current=true]::before{background-color:var(--nav-item-fgColor-active)}.sidebar-action--sub{font-size:.9em;min-height:26px}.sidebar-action--sub::before{display:none}.sidebar-action--sub .sidebar-action__prefix{position:relative}.sidebar-action--sub .sidebar-action__prefix::before{content:\"\";position:absolute;inset-inline-start:50%;width:var(--nav-item-indicator-size);height:var(--nav-item-indicator-size);border-radius:100%;inset-block-start:50%;background-color:currentcolor;transform:translateY(-50%) translateX(-50%)}.rtl .sidebar-action--sub .sidebar-action__prefix::before{transform:translateY(-50%) translateX(50%)}.sidebar-action--sub[aria-current=page],.sidebar-action--sub[aria-current=true]{--nav-item-indicator-size: 6px}.sidebar-action--job{align-items:start}.sidebar-action--job .sidebar-action__label{flex-wrap:wrap;padding-block:var(--2xs);gap:var(--2xs)}.sidebar-action--job .label{white-space:normal}.sidebar-action--job .progress-label{width:100%;display:block;color:var(--gray-300);font-size:11px;line-height:1.5}.sidebar-action--job .nav-icon{display:block;position:relative;width:16px;height:16px}.sidebar-action--job .nav-icon>canvas{display:block;position:absolute;width:16px;height:16px}.sidebar-action--job #job-icon-hover{opacity:0}.sidebar-action--job:hover #job-icon-hover{opacity:1}.sidebar-action--job:hover #job-icon-static{opacity:0}.sidebar-action__prefix{display:flex;align-items:center;justify-content:center;width:var(--nav-item-prefix-width);aspect-ratio:var(--nav-item-prefix-ratio);line-height:0}.sidebar-action__label{display:flex;gap:var(--s);align-items:center;padding-block:0;padding-inline:var(--xs);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-inline-start:7px}.sidebar-action__label [data-icon=external]{display:inline-flex}.sidebar-action__badge{flex:0 1 auto;display:flex;flex-direction:column;justify-content:center;padding-block:0;padding-inline:var(--s);margin-inline-start:auto}@media only screen and (min-width: 75rem){[data-sidebar=collapsed] .global-sidebar{--global-sidebar-width: calc(50rem / 16)}[data-sidebar=collapsed] .nav-item{grid-template-areas:\". action .\" \". trigger .\" \"subnav subnav subnav\";grid-template-columns:var(--nav-item-gutter-width) var(--nav-item-prefix-width) var(--nav-item-gutter-width);justify-items:center}[data-sidebar=collapsed] .nav-item__indicator{inset-inline-end:-1px}[data-sidebar=collapsed] .sidebar-action{width:var(--nav-item-prefix-width);min-height:var(--nav-item-prefix-width)}[data-sidebar=collapsed] .nav-item__trigger .menubtn{width:100%;height:var(--touch-target-size);padding-block:2px var(--xs)}[data-sidebar=collapsed] .sidebar-action__label{display:none}[data-sidebar=collapsed] .sidebar-action__badge{z-index:100;position:absolute;inset-inline-end:calc(var(--xs)*-1);inset-block-end:var(--xs);transform:translateY(25%);padding:0}[data-sidebar=collapsed] .sidebar-action--sub{min-height:26px}[data-sidebar=collapsed] .global-nav>ul>li+li{--separator-width: calc(28rem / 16)}[data-sidebar=collapsed] .global-nav>ul>li+li::before{position:absolute;inset-block-start:0;inset-inline-start:calc((var(--global-sidebar-width) - var(--separator-width))/2);content:\"\";width:var(--separator-width);height:1px;margin-block:0;margin-inline:auto;background-color:var(--hairline-color)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}craft-spinner{display:flex;justify-content:center}craft-spinner .wrapper{display:flex;flex-direction:column;align-items:center}.craft-tooltip{position:fixed;white-space:normal;opacity:0;width:max-content;max-width:240px;transition:opacity 100ms ease-in-out,transform 150ms ease-in-out;top:0;left:0;z-index:99}[placement^=bottom] .craft-tooltip,[placement^=top] .craft-tooltip{text-align:center}.craft-tooltip>.inner{position:relative;display:inline-block;background-color:var(--white);color:var(--gray-700);border:1px solid var(--dark-hairline-color);box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:var(--medium-border-radius);padding-block:var(--xs);padding-inline:var(--s);user-select:none;font-weight:400}.craft-tooltip .arrow{position:absolute;background:var(--white);width:8px;height:8px;transform:rotate(45deg);border-style:solid;border-width:1px;border-color:rgba(0,0,0,0)}.craft-tooltip .arrow[data-placement^=bottom]{border-color:var(--dark-hairline-color) rgba(0,0,0,0) rgba(0,0,0,0) var(--dark-hairline-color)}.craft-tooltip .arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--dark-hairline-color) var(--dark-hairline-color) rgba(0,0,0,0)}.craft-tooltip .arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--dark-hairline-color) var(--dark-hairline-color)}.craft-tooltip .arrow[data-placement^=left]{border-color:var(--dark-hairline-color) var(--dark-hairline-color) rgba(0,0,0,0) rgba(0,0,0,0)}.lp-editor-container,.lp-preview-container{position:fixed;inset-block-start:0;height:100%;background-color:var(--white);z-index:100}.lp-editor-container>header,.lp-preview-container>header{padding-block:5px;padding-inline:var(--pane-padding, var(--xl));background-color:var(--gray-100);box-shadow:0 1px 0 hsla(209,18%,30%,.2);box-sizing:border-box;position:relative;z-index:1;height:44px}@supports(backdrop-filter: blur(10px)){.lp-editor-container>header,.lp-preview-container>header{position:absolute;z-index:2;inset-block-start:0;inset-inline-start:0;width:100%;background-color:hsla(212,50%,93%,.75);backdrop-filter:blur(10px)}.lp-editor-container>header+.lp-content,.lp-preview-container>header+.lp-content{padding-block-start:68px}}.lp-editor-container>header .btn,.lp-editor-container>header .spinner,.lp-editor-container>header .checkmark-icon,.lp-preview-container>header .btn,.lp-preview-container>header .spinner,.lp-preview-container>header .checkmark-icon{margin-block-end:0}.lp-editor-container>header .btn[data-icon=xmark],.lp-preview-container>header .btn[data-icon=xmark]{margin-inline:-0.75rem calc(var(--s)*-1)}.lp-editor-container>header .btn[data-icon=xmark]:not(:hover,:active,[aria-expanded=true]),.lp-preview-container>header .btn[data-icon=xmark]:not(:hover,:active,[aria-expanded=true]){background-color:rgba(0,0,0,0)}.lp-editor-container>header .lp-toolbar,.lp-preview-container>header .lp-toolbar{min-width:0}.lp-editor-container>header .lp-toolbar .pane-tabs,.lp-preview-container>header .lp-toolbar .pane-tabs{margin-inline:0 !important}.lp-editor-container>header .lp-toolbar .pane-tabs [role=tablist],.lp-preview-container>header .lp-toolbar .pane-tabs [role=tablist]{padding-block:0;padding-inline:12px}.lp-editor-container>header .lp-toolbar .pane-tabs [role=tablist].scrollable,.lp-preview-container>header .lp-toolbar .pane-tabs [role=tablist].scrollable{mask-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0) 12px, rgb(0, 0, 0) calc(100% - 12px), rgba(0, 0, 0, 0) 100%)}.lp-editor-container>header .lp-toolbar .pane-tabs [role=tablist] [role=tab],.lp-preview-container>header .lp-toolbar .pane-tabs [role=tablist] [role=tab]{background-color:rgba(0,0,0,0)}.lp-editor-container>header .lp-toolbar .pane-tabs .menubtn:not(.action-btn),.lp-preview-container>header .lp-toolbar .pane-tabs .menubtn:not(.action-btn){--focus-ring: var(--inner-focus-ring);margin-inline:0}.lp-editor-container>header .lp-toolbar .pane-tabs .menubtn:not(.action-btn):not(:empty,.btn-empty)::after,.lp-preview-container>header .lp-toolbar .pane-tabs .menubtn:not(.action-btn):not(:empty,.btn-empty)::after{margin-inline-start:0}.lp-editor-container{display:flex;flex-direction:column}.lp-editor-container .lp-editor-header{display:flex;align-items:center;align-content:stretch;gap:var(--xs)}.lp-editor-container .lp-editor-header:not(:has(.lp-close-btn)){padding-inline-start:0}.lp-editor-container .lp-editor-header:not(:has(.lp-close-btn)) .pane-tabs [role=tablist]{padding-inline-start:0}.lp-editor-container .lp-content{flex:1;padding:var(--pane-padding, var(--xl));overflow:auto;box-sizing:border-box;position:relative}.lp-editor-container .lp-content:not(.loading)>.spinner{display:none}.lp-editor-container .lp-content.loading>.spinner{position:absolute;inset-block-start:calc(50% - 17px);inset-inline-start:calc(50% - 12px);color:var(--ui-control-color)}.lp-editor-container .lp-draghandle{position:absolute;z-index:101;inset-block-start:0;inset-inline-end:-2px;width:4px;height:100%;cursor:col-resize}.lp-editor-container>footer{padding-block:5px;padding-inline:var(--pane-padding, var(--xl));box-shadow:inset 0 1px 0 var(--hairline-color);background-color:var(--gray-100);justify-content:end;height:44px}.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;inset-block-start:0;inset-inline-start: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}.lp-preview-container .lp-preview-header .buttons .btn+.btn{margin-inline-start:7px}.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-block-start:0}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-preview-header+.lp-iframe-container{padding-block-start:44px}}.lp-preview-container .lp-preview-header .lp-device-type .btn::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--phone::before{background-image:url(\"../images/preview/icon-phone.svg\")}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--tablet::before{background-image:url(\"../images/preview/icon-tablet.svg\")}.lp-preview-container .lp-preview-header .lp-device-type .btn.lp-device-type-btn--desktop::before{background-image:url(\"../images/preview/icon-desktop.svg\")}.lp-preview-container .lp-device-type__label::before{width:27px;height:22px;display:block;content:\"\";background-size:contain;background-repeat:no-repeat;background-position:center;transition-duration:.3s}.lp-preview-container .lp-device-type__label.lp-device-type__label--phone::before{background-image:url(\"../images/preview/icon-phone.svg\")}.lp-preview-container .lp-device-type__label.lp-device-type__label--tablet::before{background-image:url(\"../images/preview/icon-tablet.svg\")}.lp-preview-container .lp-device-type__label.lp-device-type__label--desktop::before{background-image:url(\"../images/preview/icon-desktop.svg\")}.lp-preview-container .lp-preview-container__bumper-link{inset-block:unset 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-block-start:0 !important;position:relative;inset-block-start:0;height:calc(100% - 44px);width:100%;background-color:var(--gray-100)}@supports(backdrop-filter: blur(10px)){.lp-preview-container .lp-iframe-container--has-device-preview{inset-block-start:44px}}.lp-preview-container .lp-iframe-container--has-device-preview .lp-device-preview-container{position:absolute;inset-block-start:50%;inset-inline-start: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;inset-block-start:50%;inset-inline-start:50%;z-index:1;background-image:url(\"../images/preview/chrome-phone-top.svg\"),url(\"../images/preview/chrome-phone-bottom.svg\");background-position:top center,bottom center;background-repeat:no-repeat;background-size:contain;background-color:#fff;box-shadow:0 0 58px rgba(6,67,117,.3);border-radius:18px}.lp-preview-container .lp-iframe-container--has-device-preview.lp-iframe-container--tablet .lp-device-mask{background-image:url(\"../images/preview/chrome-tablet-top.svg\"),url(\"../images/preview/chrome-tablet-bottom.svg\")}@media screen and (prefers-reduced-motion: no-preference){.lp-preview-container .lp-iframe-container--rotating .lp-device-mask{transition-duration:.3s;transition-property:transform}.lp-preview-container .lp-iframe-container--rotating .lp-device-preview-container{opacity:0;transition:opacity 0s}}.login-alt-menu{z-index:1001}body.login{display:flex;flex-direction:column;align-items:stretch}body.login header{flex:0 0 calc(var(--header-height) + 1px);display:flex;align-items:center;padding:var(--header-padding);border-block-end:var(--header-border);background:var(--header-bg)}body.login header #system-info{padding-inline:0}body.login header #system-info:hover,body.login header #system-info:focus{background:rgba(0,0,0,0)}body.login main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--m);padding:var(--padding)}body.login main img#login-logo{width:auto;max-width:calc(15rem + var(--pane-padding)*2)}body.login main #poweredby{display:block;margin-block-start:calc(4.375rem - var(--m));text-align:center;opacity:.8}body.login main #poweredby:hover,body.login main #poweredby:focus,body.login main #poweredby:active{opacity:1}body.login main #poweredby>svg{display:inline-block}.modal.email-sent{width:300px}.modal.email-sent .body{padding-inline-start:68px}.modal.email-sent .body::before{font-family:\"Craft\";speak:never;-webkit-font-feature-settings:\"liga\",\"dlig\";-moz-font-feature-settings:\"liga=1, dlig=1\";-moz-font-feature-settings:\"liga\",\"dlig\";-ms-font-feature-settings:\"liga\",\"dlig\";-o-font-feature-settings:\"liga\",\"dlig\";font-feature-settings:\"liga\",\"dlig\";text-rendering:optimizeLegibility;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;text-align:center;font-style:normal;vertical-align:middle;word-wrap:normal !important;user-select:none;display:block;position:absolute;inset-block-start:24px;inset-inline-start:24px;content:\"mail\";font-size:30px;color:var(--link-color)}.login-modal{width:calc(600px + var(--l)*2);max-width:calc(100% - 20px);background:var(--login-modal-bg, var(--modal-bg));border-radius:var(--large-border-radius)}.login-modal .body{display:flex;flex-direction:row;padding:var(--l)}.login-modal .body .login-modal-intro,.login-modal .body .login-modal-form{width:300px;max-width:100%}.login-modal .body .login-modal-intro{padding:var(--m)}@media screen and (width <= 656px){.login-modal{border-radius:var(--large-border-radius)}.login-modal .body{padding:var(--m);flex-direction:column;gap:var(--m);overflow:auto}.login-modal .body .login-modal-intro{padding-block:var(--xs);padding-inline:var(--xl)}.login-modal .body .login-modal-form{border-radius:0}}.login-container{position:relative;width:calc(15rem + var(--pane-padding)*2);max-width:100%}.login-container form{display:flex;flex-direction:column;gap:var(--l)}.login-container form input[readonly]{cursor:not-allowed}.login-container form .field{margin-block:0}.login-container form hr{margin-block:calc(var(--pane-padding) - var(--l))}.login-container form .btn{display:flex}.login-container .alternative-login-methods{margin-block-start:var(--m)}.login-container .alternative-login-methods .btn{width:100%}.login-container .login-forgot-password,.login-container .login-alt-container button{font-size:11px;color:var(--light-text-color)}.login-container .login-alt-container{margin-block:calc(var(--s) - var(--pane-padding));margin-inline:0}.login-container .login-alt-container button{display:inline-flex;width:auto}.login-container .login-forgot-password:hover,.login-container .login-forgot-password:focus,.login-container .login-alt-container button:hover,.login-container .login-alt-container button:focus{color:var(--link-color)}.login-container .login-errors{text-align:center;color:var(--error-color);margin-block-start:1em}.login-container .login-reset-password .login-errors{margin-block-start:0}.entry-type-override-settings-body{flex:1;margin-block:-24px 0;margin-inline:var(--neg-padding);padding-block:24px;padding-inline:var(--padding);overflow:hidden auto;position:relative}.entry-type-override-settings-footer{position:relative;display:flex;flex-direction:row;margin-block:0 -24px;margin-inline:var(--neg-padding);padding-block:5px;padding-inline:var(--padding);background:var(--pane-bg);box-shadow:var(--pane-shadow);background-color:var(--gray-050);z-index:3}.entry-type-override-settings-footer:focus{box-shadow:var(--focus-ring)}.entry-type-override-settings-footer>.ee-site-select{flex:1}.entry-type-override-settings-footer>.btn{margin-inline-start:5px}.entry-type-override-settings-footer>.spinner{margin-inline:0 var(--neg-padding);margin-block:0}.layoutdesigner{container-type:inline-size}.fld-container{display:flex;align-items:stretch;position:relative;border-radius:var(--input-border-radius);border:var(--input-border);background:var(--input-bg);background-clip:padding-box;overflow:hidden;box-shadow:none;min-height:500px}.errors>.layoutdesigner>.fld-container{border:1px solid var(--error-color) !important}.fld-container .fld-workspace{flex:1;max-width:100%;border-start-start-radius:calc(var(--small-border-radius) - 1px);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--small-border-radius) - 1px);padding-inline:24px 0;padding-block:24px;background-color:var(--gray-050);background-image:linear-gradient(to right, var(--gray-100) 1px, transparent 0),linear-gradient(to bottom, var(--gray-100) 1px, transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:inset 0 1px 3px -1px hsl(212,30%,75%)}.fld-container .fld-workspace .fld-tabs{display:flex;align-items:flex-start;flex-wrap:wrap}.fld-container .fld-library{display:none}.fld-library-hud{width:287px;max-width:100%}.fld-library-hud .main{height:100%;padding:14px}.fld-new-tab-btn:active{background-color:var(--gray-050)}.fld-library{display:flex;flex-direction:column;height:100%}.fld-library .btngroup{margin-block-end:14px}.fld-library .fld-field-library,.fld-library .fld-ui-library{margin-block:-3px;margin-inline:-14px;padding-block:3px;padding-inline:14px;flex:1;min-height:0;max-height:550px;overflow:auto}.fld-library .fld-field-library .fld-field-group{margin-block-start:14px}.fld-library .fld-field-library .fld-field-group>*:not(:first-child){margin-block-start:var(--s)}.fld-library .fld-field-library .fld-field-indicators{display:none}.fld-library .fld-ui-library>*:not(:first-child){margin-block-start:var(--s)}.fld-library .filtered{display:none !important}.layoutdesigner .fld-library,.fld-tab .tabs .tab,.fld-tab .fld-tabcontent{background-color:var(--white);box-shadow:0 0 0 1px hsla(210,24%,16%,.1),0 2px 5px -2px hsla(210,24%,16%,.2)}.fld-new-tab-btn{background:var(--white) !important;box-shadow:0 0 0 1px hsla(210, 24%, 16%, 0.1),0 2px 5px -2px hsla(210, 24%, 16%, 0.2)}.fld-tab .settings::before,.fld-element .settings::before{margin-block-start:-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:312px;max-width:100%;padding-inline:0 25px;padding-block:0 24px;box-sizing:border-box}.fld-tab .tabs{margin-block:-10px 0;margin-inline:-12px;padding-block:10px 0;padding-inline:12px;overflow:hidden;display:flex}.fld-tab .tabs .tab{display:flex;align-items:center;gap:var(--xs);max-width:calc(100% - 10px);box-sizing:border-box;padding-block:8px;padding-inline: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 .fld-tab__name{margin-block:0;font-weight:var(--font-weight-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-tab .fld-tabcontent{padding:14px;border-start-start-radius:0;border-start-end-radius:var(--medium-border-radius);border-end-end-radius:var(--medium-border-radius);border-end-start-radius:var(--medium-border-radius)}.fld-tab .fld-tabcontent>.fld-element:not(:first-child),.fld-tab .fld-tabcontent>.fld-add-btn:not(:first-child){margin-block-start:var(--s)}.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, var(--gray-100) 1px, transparent 0),linear-gradient(to bottom, var(--gray-100) 1px, transparent 1px);background-size:24px 24px}.fld-tab.fld-insertion .tabs .tab{background-position:-1px -1px}.fld-tab.fld-insertion .fld-tabcontent{background-position:-1px -13px}.fld-tab-caboose{min-height:24px}.fld-element{position:relative;display:flex;align-items:center;padding:var(--s);gap:var(--s);box-shadow:inset 0 0 0 1px var(--hairline-color);border-radius:var(--medium-border-radius);background-color:var(--white)}body:not(.dragging) .fld-element{cursor:move;cursor:grab}.fld-element.fld-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,:focus){box-shadow:none}.fld-element.fld-field .field-name{display:flex;flex-direction:column;gap:var(--xs)}.fld-element .fld-element-icon{text-align:center}.fld-element .fld-element-icon,.fld-element .fld-element-icon svg{width:16px;height:16px}.fld-element .fld-element-icon svg rect,.fld-element .fld-element-icon svg circle,.fld-element .fld-element-icon svg ellipse,.fld-element .fld-element-icon svg line,.fld-element .fld-element-icon svg polyline,.fld-element .fld-element-icon svg polygon,.fld-element .fld-element-icon svg path,.fld-element .fld-element-icon svg text{fill:var(--ui-control-color);stroke-width:0}.fld-element .field-name{flex:1;overflow:hidden}.fld-element .field-name .fld-element-label,.fld-element .field-name .fld-attribute{flex:1;display:flex;align-items:center;gap:var(--xs)}.fld-element .field-name .fld-element-label h4,.fld-element .field-name .fld-attribute .smalltext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fld-element .field-name .fld-element-label h4{font-weight:normal;color:var(--text-color);margin:0}.fld-hr,.fld-br{position:relative;flex:1;display:flex;justify-content:center}.fld-hr::before,.fld-br::before{position:absolute;display:block;inset-block-start:calc(50% - 2px);inset-inline-start:0;width:100%;height:4px;content:\"\";font-size:0;border-radius:2px}.fld-hr .smalltext,.fld-br .smalltext{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--gray-100);border-radius:var(--large-border-radius);padding-block:0;padding-inline:var(--s);height:var(--touch-target-size)}.fld-hr::before{background-color:var(--gray-100)}.fld-br::before{background-image:repeating-linear-gradient(to right, var(--gray-100), var(--gray-100) 5.2631578947%, transparent 5.2631578947%, transparent 10.5263157895%, var(--gray-100) 10.5263157895%)}.fld-element-settings-body{flex:1;margin-block:-24px 0;margin-inline:var(--neg-padding);padding-block:24px;padding-inline:var(--padding);overflow:hidden auto;position:relative}.fld-element-settings-body hr{margin-inline:-24px}.fld-element-settings-footer{position:relative;display:flex;flex-direction:row;margin-block:0 -24px;margin-inline:var(--neg-padding);padding-block:5px;padding-inline:var(--padding);background:var(--pane-bg);box-shadow:var(--pane-shadow);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}.fld-element-settings-footer>.btn{margin-inline-start:5px}.fld-element-settings-footer>.spinner{margin-inline:0 var(--neg-padding);margin-block:0}.card-view-designer{container:cvd/inline-size}.cvd-container{display:grid;position:relative;overflow:hidden;box-shadow:none;gap:var(--xl)}@container cvd (width > 37.5rem){.cvd-container{grid-template-columns:1fr 2fr}}.cvd-library .draggable{display:flex}.cvd-preview-container{padding:var(--xl);border:1px solid hsla(212, 25%, 50%, 0.25) !important;border-radius:var(--small-border-radius);display:grid;height:100%;align-items:center}.cvd-preview:not(.loading) .spinner{display:none}.cvd-thumbnail{--icon-size: 2rem;--icon-color: var(--gray-300);width:100%;aspect-ratio:4/3;display:flex;justify-content:center;align-items:center;background-color:var(--gray-150);border-radius:var(--medium-border-radius)}.card-placeholder{display:inline-block;border:1px dashed hsl(211,13%,65%);border-radius:var(--small-border-radius);padding-block:.1em;padding-inline:.5em}.field.cvd-field{margin-block-start:.2em !important;margin-inline-start:.5em}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;--focus-ring: 0 0 0 1px hsl( 213.3333333333deg, 96.9230769231%, 87.2549019608% ), 0 0 0 3px hsla(var(--light-focus-hsl), 1);opacity:0;user-select:none}.modal.imageeditor.modal{border-radius:0}.modal.imageeditor.modal .body::after{display:none}.modal.imageeditor .btn:not(.submit,.noborder){background-color:var(--gray-600);color:var(--white)}.modal.imageeditor .btn:not(.submit,.noborder):hover{background-color:var(--gray-700)}.modal.imageeditor .btn:not(.submit,.noborder).active{background-color:var(--gray-800)}.modal.imageeditor .icon::before{width:24px;height:24px;margin-inline-start:-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-inline-end: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-block-end:1px solid var(--gray-1000);cursor:pointer}.modal.imageeditor .body .tabs ul li::before{position:absolute;inset-block-start:0;inset-inline-start:0;content:\"\";width:0;height:100%;background-color:currentcolor}.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-block-end:24px}.modal.imageeditor .body .views .filters ul{width:100px}.modal.imageeditor .body .views .filters ul li{text-align:center;margin-inline-end:14px;margin-block-end:14px}.modal.imageeditor .body .views .filters ul li:last-child{margin-inline-end: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;inset-block-start:0;inset-inline-start: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-block:0;margin-inline:auto;overflow:hidden}.modal.imageeditor .footer{position:absolute;background-color:rgba(0,0,0,0);inset-block-end:0;inset-inline-start:0;width:100%;border-block-start:1px solid #000}body.has-debug-toolbar .modal.imageeditor .footer{padding-block-end:50px}.modal.imageeditor .body .views .crop fieldset .heading{display:none}.modal.imageeditor .body .views .crop .custom-constraint-spacer{padding-block:0;padding-inline:var(--xs)}.modal.imageeditor .body .views .crop .constraint-group{display:grid;grid-gap:var(--xs)}.modal.imageeditor .body .views .crop .custom{padding-inline-start:calc(1rem + 5px)}.modal.imageeditor .body .views .crop .orientation{display:flex;align-items:center;justify-content:center}.modal.imageeditor .body .views .crop .orientation input{appearance:none;background-position:center center;background-repeat:no-repeat;margin-block:0;margin-inline: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-block-start: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-block-start:1px solid #000;border-block-end:1px solid #000}.vertical.imageeditor .body .tabs ul li{flex-grow:1;border:0;border-inline-end:1px solid #000;padding-block:10px;padding-inline:7px}.vertical.imageeditor .body .tabs ul li::before{inset-block-start:unset;inset-block-start: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-block-end:-14px}.vertical.imageeditor .body .views .rotate .btngroup{margin-block:0 14px;margin-inline:7px}.vertical.imageeditor .body .views .filters ul{width:auto;height:109px;overflow:auto;white-space:nowrap;margin-block:0;margin-inline:-24px;margin-block-end:-24px;padding:24px;text-align:center}.vertical.imageeditor .body .views .filters ul li{display:inline-block;margin-block-end:0}.slide-rule{position:relative;padding-block:10px;padding-inline:0}.slide-rule:focus-visible .cursor::after{box-shadow:var(--focus-ring)}.slide-rule .cursor::after{content:\"\";width:1.25rem;height:3.125rem;position:absolute;inset-block-start:-15px;inset-inline-start:50%;transform:translateX(-50%)}.slide-rule .cursor{position:absolute;margin-inline-start:-0.25rem;margin-block-start:4px;inset-inline-start:50%;z-index:1;width:0;height:0;border-inline-start:.3125rem solid rgba(0,0,0,0);border-inline-end:.3125rem solid rgba(0,0,0,0);border-block-start:.3125rem solid #63a6e1}.slide-rule .graduations{white-space:nowrap;height:40px;position:relative}.slide-rule .graduations ul{position:relative;float:inline-start;height:40px;transition:200ms left linear}.slide-rule.dragging .graduations ul{transition:none}.slide-rule .graduations ul li{display:inline-block;font-size:8px;position:relative;width:10px}.slide-rule .graduations ul li:hover{cursor:pointer}.slide-rule .graduations ul li:hover::before{border-inline-start-color:#63a6e1}.slide-rule .graduations ul li:not(.main-graduation){inset-inline-start:1px}.slide-rule .graduations ul li.main-graduation::before{border-inline-start-width:4px;height:10px}.slide-rule .graduations ul li.main-graduation .label{display:block;cursor:default}.slide-rule .graduations ul li.selected::before{border-inline-start-color:#63a6e1}.slide-rule .graduations ul li::before{content:\"\";position:absolute;border-inline-start:2px solid var(--white);height:6px;inset-block-start:0;inset-inline-start:0}.slide-rule .graduations ul li .label{width:20px;position:absolute;inset-block-start:10px;inset-inline-start:-9px;display:none;text-align:center}.slide-rule .value{display:none;position:absolute;inset-block-end:0;inset-inline-start:50%;z-index:1;box-sizing:border-box;padding:5px;width:50px;margin-inline-start:-25px;background:var(--gray-600)}.slide-rule .overlay{z-index:2;position:absolute;inset-block:0 1px;inset-inline:0;pointer-events:none;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}.menu.dark ul li a{color:var(--white) !important}.menu.dark ul li a:not(.sel,.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{inset-block-start: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@use '@craftcms/sass/mixins';\n\n:root {\n  --white: #fff;\n  --black: #000;\n  --gray-050-hsl: 212, 60%, 97%;\n  --gray-100-hsl: 212, 50%, 93%;\n  --gray-150-hsl: 212, 40%, 89%;\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  --gray-050: hsl(var(--gray-050-hsl));\n  --gray-100: hsl(var(--gray-100-hsl));\n  --gray-150: hsl(var(--gray-150-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  --red-050: #fef2f2;\n  --red-100: #fee2e2;\n  --red-200: #fecaca;\n  --red-300: #fca5a5;\n  --red-400: #f87171;\n  --red-500: #ef4444;\n  --red-600: #dc2626;\n  --red-700: #b91c1c;\n  --red-800: #991b1b;\n  --red-900: #7f1d1d;\n  --red-950: #450a0a;\n  --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  --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  --yellow-050: #fefce8;\n  --yellow-100: #fef9c3;\n  --yellow-200: #fef08a;\n  --yellow-300: #fde047;\n  --yellow-400: #facc15;\n  --yellow-500: #eab308;\n  --yellow-600: #ca8a04;\n  --yellow-700: #a16207;\n  --yellow-750: #93580b;\n  --yellow-800: #854d0e;\n  --yellow-900: #713f12;\n  --yellow-950: #422006;\n  --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  --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  --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  --teal-050: #f0fdfa;\n  --teal-100: #ccfbf1;\n  --teal-200: #99f6e4;\n  --teal-300: #5eead4;\n  --teal-400: #2dd4bf;\n  --teal-500: #14b8a6;\n  --teal-550: #11a697;\n  --teal-600: #0d9488;\n  --teal-700: #0f766e;\n  --teal-800: #115e59;\n  --teal-900: #134e4a;\n  --teal-950: #042f2e;\n  --cyan-050: #ecfeff;\n  --cyan-100: #cffafe;\n  --cyan-200: #a5f3fc;\n  --cyan-300: #67e8f9;\n  --cyan-400: #22d3ee;\n  --cyan-500: #06b6d4;\n  --cyan-600: #0891b2;\n  --cyan-700: #0e7490;\n  --cyan-800: #155e75;\n  --cyan-900: #164e63;\n  --cyan-950: #083344;\n  --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  --blue-050: #eff6ff;\n  --blue-100: #dbeafe;\n  --blue-200: #bfdbfe;\n  --blue-300: #93c5fd;\n  --blue-400: #60a5fa;\n  --blue-500: #3b82f6;\n  --blue-600: #2563eb;\n  --blue-700: #1d4ed8;\n  --blue-800: #1e40af;\n  --blue-900: #1e3a8a;\n  --blue-950: #172554;\n  --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  --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  --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  --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  --pink-050: #fdf2f8;\n  --pink-100: #fce7f3;\n  --pink-200: #fbcfe8;\n  --pink-300: #f9a8d4;\n  --pink-400: #f472b6;\n  --pink-500: #ec4899;\n  --pink-600: #db2777;\n  --pink-700: #be185d;\n  --pink-800: #9d174d;\n  --pink-900: #831843;\n  --pink-950: #500724;\n  --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","@use 'sass:color';\n@use '@craftcms/sass/mixins';\n\n:root {\n  --bg-color: var(--body-bg);\n  --bg-color-hsl: #{color.hue(mixins.$grey100)},\n    #{color.saturation(mixins.$grey100)}, #{color.lightness(mixins.$grey100)};\n\n  // submit button colors\n  --primary-color: var(--primary-button-bg);\n  --secondary-color: var(--secondary-button-bg);\n  --input-color: hsl(212deg 25% 50%);\n\n  // text colors\n  --medium-dark-text-color: var(--gray-550);\n  --medium-text-color: var(--light-text-color);\n\n  // font styles\n  --font-weight-bold: 700;\n\n  // hairline colors\n  --hairline-color: #{color.adjust(hsl(209deg 20% 25%), $alpha: -0.9)};\n  --medium-hairline-color: #cfd8e3; // matches shadow below global header;\n  --dark-hairline-color: #{color.adjust(hsl(210deg 10% 53%), $alpha: -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 #{color.adjust(#5ed0fa, $alpha: -0.3)};\n  --medium-focus-ring: 0 0 0 1px #2bb0ed,\n    0 0 0 3px #{color.adjust(#2bb0ed, $alpha: -0.3)};\n  --dark-focus-ring: 0 0 0 1px #0f74b1,\n    0 0 0 3px #{color.adjust(#0f74b1, $alpha: -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-rgb: 216 31 35;\n  --error-color: rgb(var(--error-color-rgb));\n  --warning-color: var(--amber-700);\n  --warning-background: var(--amber-100);\n  --warning-border-color: var(--amber-300);\n  --success-color: var(--teal-700);\n  --notice-color: var(--sky-700);\n  --notice-background: var(--sky-100);\n  --notice-border-color: var(--sky-300);\n\n  // status colors\n  --enabled-color: var(--teal-550);\n  --pending-color: var(--orange-400);\n  --disabled-color: var(--red-600);\n\n  // misc colors\n  --indicator-border-color: var(--amber-600);\n  --indicator-icon-color: var(--amber-700);\n\n  // UI element styles\n  --small-border-radius: 3px;\n  --medium-border-radius: 4px;\n  --large-border-radius: 5px;\n  --menu-border-radius: var(--medium-border-radius);\n}\n","@charset \"UTF-8\";\n@charset \"UTF-8\";\n@use 'sass:color';\n@use 'variables';\n@use '@craftcms/sass/mixins';\n\n@mixin striped-bg($size, $color: mixins.$grey100) {\n  // h/t https://css-tricks.com/stripes-css/\n  $halfSize: $size * 0.5;\n\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\n  body.rtl & {\n    background: repeating-linear-gradient(\n      45deg,\n      var(--white),\n      var(--white) $halfSize,\n      $color $halfSize,\n      $color $size\n    );\n  }\n}\n\n@font-face {\n  font-family: Craft;\n  src:\n    url('../fonts/Craft.woff2') format('woff2'),\n    url('../fonts/Craft.woff') format('woff'),\n    url('../fonts/Craft.ttf') format('truetype'),\n    url('../fonts/Craft.svg#Craft') format('svg');\n  font-weight: normal;\n  font-style: normal;\n  font-display: block;\n}\n\n/* ----------------------------------------\n/*  Basic stuff\n/* ---------------------------------------- */\n\n:root {\n  --ui-control-color: var(--gray-550);\n  --ui-control-hover-color: var(--gray-600);\n  --ui-control-active-color: var(--gray-700);\n  --ui-control-static-bg-color: #{color.adjust(\n      mixins.$inputColor,\n      $alpha: -0.75\n    )};\n  --ui-control-bg-color: var(--ui-control-static-bg-color);\n  --ui-control-hover-bg-color: #{color.adjust(mixins.$inputColor, $alpha: -0.7)};\n  --ui-control-active-bg-color: #{color.adjust(mixins.$inputColor, $alpha: -0.5)};\n  --ui-control-border-radius: var(--large-border-radius);\n  --ui-control-height: calc(34rem / 16);\n  --ui-control-height--small: calc(30rem / 16);\n  --focus-ring-alpha: 0.85;\n  --light-focus-hsl: #{color.hue(mixins.$lightFocusColor)},\n    #{color.saturation(mixins.$lightFocusColor)},\n    #{color.lightness(mixins.$lightFocusColor)};\n  --dark-focus-hsl: #{color.hue(mixins.$darkFocusColor)},\n    #{color.saturation(mixins.$darkFocusColor)},\n    #{color.lightness(mixins.$darkFocusColor)};\n  --focus-ring: 0 0 0 2px var(--focus-ring-color),\n    0 0 5px 1px\n      hsl(from var(--focus-ring-color) h s l / var(--focus-ring-alpha));\n  --focus-ring-outset: 0 0 0 1px currentcolor, 0 0 0 3px var(--focus-ring-color),\n    0 0 6px 2px\n      hsl(from var(--focus-ring-color) h s l / var(--focus-ring-alpha));\n  --inner-focus-ring: inset 0 0 0 1px var(--focus-ring-color),\n    inset 0 0 0 3px\n      hsl(from var(--focus-ring-color) h s l / var(--focus-ring-alpha));\n  --touch-target-size: calc(24rem / 16);\n  --icon-size: 1rem;\n  --lh: 1.42em;\n}\n\nbody,\nhtml {\n  background: var(--body-bg);\n}\n\nhtml.noscroll,\nhtml.noscroll body {\n  overflow: hidden;\n}\n\nbody {\n  width: 100vw;\n  overflow-x: hidden;\n  font-size: var(--font-size);\n  line-height: var(--lh);\n  color: var(--text-color);\n  -webkit-font-smoothing: subpixel-antialiased;\n}\n\nbody.rtl {\n  direction: rtl;\n}\n\nbody,\ninput,\nselect,\ntextarea {\n  @include mixins.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-block-start: 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-block-end: 0 !important;\n}\n\n.mt-0 {\n  margin-block-start: 0 !important;\n}\n\n.mt-2xs {\n  margin-block-start: var(--2xs) !important;\n}\n\n.mt-xs {\n  margin-block-start: var(--xs) !important;\n}\n\n.mt-s {\n  margin-block-start: var(--s) !important;\n}\n\n.mt-m {\n  margin-block-start: var(--m) !important;\n}\n\n.mt-l {\n  margin-block-start: var(--l) !important;\n}\n\n.mt-xl {\n  margin-block-start: var(--xl) !important;\n}\n\n.mb-0 {\n  margin-block-end: 0 !important;\n}\n\n.mb-2xs {\n  margin-block-end: var(--2xs) !important;\n}\n\n.mb-xs {\n  margin-block-end: var(--xs) !important;\n}\n\n.mb-s {\n  margin-block-end: var(--s) !important;\n}\n\n.mb-m {\n  margin-block-end: var(--m) !important;\n}\n\n.mb-l {\n  margin-block-end: var(--l) !important;\n}\n\n.mb-xl {\n  margin-block-end: var(--xl) !important;\n}\n\n.ml-0 {\n  margin-inline-start: 0 !important;\n}\n\n.ml-2xs {\n  margin-inline-start: var(--2xs) !important;\n}\n\n.ml-xs {\n  margin-inline-start: var(--xs) !important;\n}\n\n.ml-s {\n  margin-inline-start: var(--s) !important;\n}\n\n.ml-m {\n  margin-inline-start: var(--m) !important;\n}\n\n.ml-l {\n  margin-inline-start: var(--l) !important;\n}\n\n.ml-xl {\n  margin-inline-start: var(--xl) !important;\n}\n\n.mr-0 {\n  margin-inline-end: 0 !important;\n}\n\n.mr-2xs {\n  margin-inline-end: var(--2xs) !important;\n}\n\n.mr-xs {\n  margin-inline-end: var(--xs) !important;\n}\n\n.mr-s {\n  margin-inline-end: var(--s) !important;\n}\n\n.mr-m {\n  margin-inline-end: var(--m) !important;\n}\n\n.mr-l {\n  margin-inline-end: var(--l) !important;\n}\n\n.mr-xl {\n  margin-inline-end: var(--xl) !important;\n}\n\n.mx-0 {\n  margin-inline: 0 !important;\n}\n\n.mx-2xs {\n  margin-inline: var(--2xs) !important;\n}\n\n.mx-xs {\n  margin-inline: var(--xs) !important;\n}\n\n.mx-s {\n  margin-inline: var(--s) !important;\n}\n\n.mx-m {\n  margin-inline: var(--m) !important;\n}\n\n.mx-l {\n  margin-inline: var(--l) !important;\n}\n\n.mx-xl {\n  margin-inline: var(--xl) !important;\n}\n\n.my-0 {\n  margin-block: 0 !important;\n}\n\n.my-2xs {\n  margin-block: var(--2xs) !important;\n}\n\n.my-xs {\n  margin-block: var(--xs) !important;\n}\n\n.my-s {\n  margin-block: var(--s) !important;\n}\n\n.my-m {\n  margin-block: var(--m) !important;\n}\n\n.my-l {\n  margin-block: var(--l) !important;\n}\n\n.my-xl {\n  margin-block: var(--xl) !important;\n}\n\n.p-0 {\n  padding: 0 !important;\n}\n\n.p-2xs {\n  padding: var(--2xs) !important;\n}\n\n.p-xs {\n  padding: var(--xs) !important;\n}\n\n.p-s {\n  padding: var(--s) !important;\n}\n\n.p-m {\n  padding: var(--m) !important;\n}\n\n.p-l {\n  padding: var(--l) !important;\n}\n\n.p-xl {\n  padding: var(--xl) !important;\n}\n\n.pt-0 {\n  padding-block-start: 0 !important;\n}\n\n.pt-2xs {\n  padding-block-start: var(--2xs) !important;\n}\n\n.pt-xs {\n  padding-block-start: var(--xs) !important;\n}\n\n.pt-s {\n  padding-block-start: var(--s) !important;\n}\n\n.pt-m {\n  padding-block-start: var(--m) !important;\n}\n\n.pt-l {\n  padding-block-start: var(--l) !important;\n}\n\n.pt-xl {\n  padding-block-start: var(--xl) !important;\n}\n\n.pb-0 {\n  padding-block-end: 0 !important;\n}\n\n.pb-2xs {\n  padding-block-end: var(--2xs) !important;\n}\n\n.pb-xs {\n  padding-block-end: var(--xs) !important;\n}\n\n.pb-s {\n  padding-block-end: var(--s) !important;\n}\n\n.pb-m {\n  padding-block-end: var(--m) !important;\n}\n\n.pb-l {\n  padding-block-end: var(--l) !important;\n}\n\n.pb-xl {\n  padding-block-end: var(--xl) !important;\n}\n\n.pl-0 {\n  padding-inline-start: 0 !important;\n}\n\n.pl-2xs {\n  padding-inline-start: var(--2xs) !important;\n}\n\n.pl-xs {\n  padding-inline-start: var(--xs) !important;\n}\n\n.pl-s {\n  padding-inline-start: var(--s) !important;\n}\n\n.pl-m {\n  padding-inline-start: var(--m) !important;\n}\n\n.pl-l {\n  padding-inline-start: var(--l) !important;\n}\n\n.pl-xl {\n  padding-inline-start: var(--xl) !important;\n}\n\n.pr-0 {\n  padding-inline-end: 0 !important;\n}\n\n.pr-2xs {\n  padding-inline-end: var(--2xs) !important;\n}\n\n.pr-xs {\n  padding-inline-end: var(--xs) !important;\n}\n\n.pr-s {\n  padding-inline-end: var(--s) !important;\n}\n\n.pr-m {\n  padding-inline-end: var(--m) !important;\n}\n\n.pr-l {\n  padding-inline-end: var(--l) !important;\n}\n\n.pr-xl {\n  padding-inline-end: var(--xl) !important;\n}\n\n.px-0 {\n  padding-inline: 0 !important;\n}\n\n.px-2xs {\n  padding-inline: var(--2xs) !important;\n}\n\n.px-xs {\n  padding-inline: var(--xs) !important;\n}\n\n.px-s {\n  padding-inline: var(--s) !important;\n}\n\n.px-m {\n  padding-inline: var(--m) !important;\n}\n\n.px-l {\n  padding-inline: var(--l) !important;\n}\n\n.px-xl {\n  padding-inline: var(--xl) !important;\n}\n\n.py-0 {\n  padding-block: 0 !important;\n}\n\n.py-2xs {\n  padding-block: var(--2xs) !important;\n}\n\n.py-xs {\n  padding-block: var(--xs) !important;\n}\n\n.py-s {\n  padding-block: var(--s) !important;\n}\n\n.py-m {\n  padding-block: var(--m) !important;\n}\n\n.py-l {\n  padding-block: var(--l) !important;\n}\n\n.py-xl {\n  padding-block: var(--xl) !important;\n}\n\n.center-absolute {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.pointer {\n  cursor: pointer !important;\n}\n\n.no-scroll {\n  overflow: hidden !important;\n}\n\n.draghelper {\n  box-sizing: border-box;\n  list-style-type: none;\n}\n\n.offset-drag-helper {\n  transition:\n    margin linear 200ms,\n    padding linear 200ms;\n}\n\nbody.dragging .offset-drag-helper {\n  margin-block: -50px 0;\n  margin-inline: -50px 0;\n  padding-block: 60px 0;\n  padding-inline: 60px 0;\n}\n\nimg {\n  max-width: 100%;\n}\n\n.text,\ntable.editable textarea {\n  body.rtl .ltr & {\n    text-align: start !important;\n    direction: ltr !important;\n  }\n\n  body.ltr .rtl & {\n    text-align: end !important;\n    direction: rtl !important;\n  }\n}\n\n/* icons */\n.icon::before,\n.menu ul.padded li a.sel::before,\n.menu ul.padded li .menu-item.sel::before,\n.menu ul.padded li .menu-option.sel::before,\n.menu .flex.padded.sel::before,\n.texticon::before,\n#help::before,\n.secure::before,\n.insecure::before,\n.go::after,\n.required::after,\n.preview-btn::before,\n.view-btn::before,\n.action-btn::before,\n[data-icon]::before,\n[data-icon-after]::after {\n  @include mixins.icon;\n}\n\n.badge-icon {\n  position: relative;\n  inset-block-start: -1px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n  box-sizing: border-box;\n  border: 1px solid var(--indicator-border-color);\n  border-radius: var(--small-border-radius);\n  color: var(--indicator-icon-color);\n  font-size: 9px;\n}\n\n.secure::before,\n.insecure::before {\n  margin-block-start: -3px;\n  font-size: 14px;\n}\n\n[data-icon]::before {\n  content: attr(data-icon);\n}\n\n[data-icon-after]::after {\n  content: attr(data-icon-after);\n}\n\n[data-icon-size='large'] {\n  &[data-icon]::before,\n  &[data-icon-after]::after {\n    font-size: 20px;\n  }\n}\n\n[data-icon-size='small'] {\n  &[data-icon]::before,\n  &[data-icon-after]::after {\n    font-size: 14px;\n  }\n}\n\n[data-icon-size='puny'] {\n  &[data-icon]::before,\n  &[data-icon-after]::after {\n    font-size: 12px;\n  }\n}\n\nbody.rtl [data-icon='list']::before,\nbody.rtl [data-icon-after='list']::after {\n  content: 'listrtl';\n}\n\nbody.rtl [data-icon='structure']::before,\nbody.rtl [data-icon-after='structure']::after {\n  content: 'structurertl';\n}\n\n.icon.secure::before {\n  content: 'secure';\n}\n\n.icon.insecure::before {\n  content: 'insecure';\n}\n\n.icon.add::before {\n  content: 'plus';\n}\n\n.icon.edit::before {\n  content: 'edit';\n}\n\n.icon.settings::before {\n  content: 'settings';\n}\n\n.icon.search::before {\n  content: 'search';\n}\n\n.icon.expand::before {\n  content: 'expand';\n}\n\n.icon.collapse::before {\n  content: 'collapse';\n}\n\n.help::before {\n  content: 'help';\n  color: var(--pink-400);\n}\n\n.preview-btn,\n.view-btn {\n  &::before {\n    margin-inline-end: var(--xs);\n  }\n}\n\n.preview-btn::before {\n  content: 'view';\n}\n\n.view-btn::before {\n  body.ltr & {\n    content: 'share';\n  }\n\n  body.rtl & {\n    content: 'shareleft';\n  }\n}\n\n.action-btn::before {\n  content: 'ellipsis';\n}\n\n/* headings */\nh1,\n.h1 {\n  margin-block-end: 24px;\n  font-size: 18px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh2,\n.h2 {\n  margin-block: 14px;\n  margin-inline: 0;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh3,\n.h3 {\n  margin-block: 14px;\n  margin-inline: 0;\n  font-weight: bold;\n  line-height: 1.2;\n}\n\nh4,\n.h4 {\n  margin-block: 14px;\n  margin-inline: 0;\n  font-weight: bold;\n  line-height: 1.2;\n  color: var(--medium-text-color);\n}\n\nh5,\n.h5 {\n  margin-block: 14px 3px;\n  margin-inline: 0;\n  line-height: 1.2;\n  color: var(--medium-text-color);\n}\n\nh6,\n.h6 {\n  @include mixins.h6-styles;\n}\n\nh1[data-icon]::before {\n  margin-inline: 0 10px;\n  margin-block: -8px 0;\n}\n\nh2[data-icon]::before {\n  margin-inline: 0 6px;\n  margin-block: -4px 0;\n  font-size: 19px;\n}\n\n/* horizontal rule */\nhr {\n  margin-block: var(--hr-margin);\n  margin-inline: 0;\n  border: none;\n  border-block-start: var(--hr-border);\n  height: 0;\n  color: transparent;\n}\n\n/* paragraphs */\np {\n  margin-block: 1em;\n  margin-inline: 0;\n}\n\nh5 + p {\n  margin-block-start: 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  margin-inline-start: 14px;\n}\n\n/* lists */\n.bullets {\n  padding-inline-start: 40px;\n  list-style-type: square;\n}\n\nol {\n  padding-inline-start: 40px;\n  list-style-type: decimal;\n}\n\n/* code */\ncode,\n.code {\n  @include mixins.fixed-width-font;\n\n  &.smalltext {\n    font-size: 0.8em !important;\n  }\n\n  p & {\n    background-color: var(--gray-100);\n    padding-block: 0.0625em;\n    padding-inline: 0.25em;\n    border-radius: var(--small-border-radius);\n    border: 1px solid var(--hairline-color);\n  }\n\n  .warning & {\n    background-color: var(--warning-background);\n    border-color: var(--warning-border-color);\n  }\n\n  .tip & {\n    background-color: var(--notice-background);\n    border-color: var(--notice-border-color);\n  }\n}\n\n.code {\n  input,\n  textarea {\n    @include mixins.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  &:hover {\n    text-decoration: underline;\n  }\n\n  .cp-icon svg {\n    @include mixins.svg-mask(var(--icon-color, var(--link-color)));\n  }\n}\n\na:not([href]) {\n  color: inherit;\n  cursor: inherit;\n\n  body.underline-links &,\n  &:hover {\n    text-decoration: none;\n  }\n}\n\na.sel,\nli.sel > a {\n  cursor: default !important;\n  text-decoration: none;\n}\n\n.go::after {\n  font-size: 11px;\n  margin-block-start: -1px;\n  padding-inline-start: 4px;\n\n  body.ltr & {\n    content: 'circlerarr';\n  }\n\n  body.rtl & {\n    content: 'circlelarr';\n  }\n}\n\nbutton {\n  cursor: pointer;\n}\n\n/* status icons */\n.checkmark-icon,\n.alert-icon {\n  padding: 5px;\n  margin-block-end: 0 !important;\n  line-height: 10px;\n  border-radius: 20px;\n  cursor: pointer;\n\n  &::before {\n    @include mixins.icon;\n  }\n}\n\n.checkmark-icon {\n  p & {\n    display: inline-block;\n  }\n\n  background-color: var(--gray-200);\n\n  &::before {\n    content: 'check';\n    color: var(--success-color);\n  }\n}\n\n.alert-icon {\n  background-color: var(--gray-200);\n\n  &::before {\n    content: 'alert';\n    color: var(--error-color);\n  }\n}\n\n.revision-status-hud {\n  max-width: 400px;\n\n  .http-error {\n    border-radius: var(--medium-border-radius);\n    border: 1px solid var(--hairline-color);\n    color: var(--light-text-color);\n    background-color: var(--gray-050);\n    padding-block: 7px;\n    padding-inline: 14px;\n  }\n}\n\n.draft-notice {\n  display: flex;\n  align-items: center;\n  place-content: stretch 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    margin-inline: calc(var(--xl) * -1) 0;\n    margin-block: -5px;\n    padding-inline: var(--xl) 0;\n    padding-block: 5px;\n    border-end-start-radius: var(--large-border-radius);\n\n    body.ltr & {\n      background-image: linear-gradient(\n        to bottom right,\n        color.adjust(mixins.$blue600, $alpha: -0.8),\n        color.adjust(mixins.$blue600, $alpha: -1) 50%\n      );\n    }\n\n    body.rtl & {\n      background-image: linear-gradient(\n        to left,\n        color.adjust(mixins.$blue600, $alpha: -0.8),\n        color.adjust(mixins.$blue600, $alpha: -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 color.adjust(mixins.$blue800, $alpha: -0.8);\n    box-sizing: border-box;\n    box-shadow: 0 1px 1px 1px var(--white);\n\n    &::before {\n      position: relative;\n      inset-inline-start: 1px;\n      color: var(--blue-800) !important;\n      font-size: 17px;\n    }\n\n    &::after {\n      content: '';\n      font-size: 0;\n      position: absolute;\n      inset: -2px;\n      border-radius: 100%;\n      box-shadow: inset 0 2px 0 color.adjust(mixins.$blue900, $alpha: -0.8);\n    }\n  }\n\n  .discard-changes-btn {\n    margin-inline-start: var(--xs);\n    background-color: transparent !important;\n    color: var(--blue-800) !important;\n    border: 2px solid var(--blue-600) !important;\n\n    &:hover,\n    &:focus {\n      border-color: color.adjust(mixins.$blue600, $lightness: -5%);\n    }\n\n    &:active {\n      border-color: color.adjust(mixins.$blue600, $lightness: -10%);\n    }\n  }\n}\n\n.content-notice {\n  display: flex;\n  align-items: center;\n  place-content: stretch 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  .content-notice-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 color.adjust(mixins.$grey800, $alpha: -0.8);\n    box-sizing: border-box;\n    box-shadow: 0 1px 1px 1px var(--white);\n\n    .cp-icon {\n      --icon-size: calc(20rem / 16);\n    }\n\n    &::after {\n      content: '';\n      font-size: 0;\n      position: absolute;\n      inset: -2px;\n      border-radius: 100%;\n      box-shadow: inset 0 2px 0 color.adjust(mixins.$blue900, $alpha: -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,\nbutton.fieldtoggle:not(.lightswitch)::before,\na.fieldtoggle::before {\n  @include mixins.angle(right);\n  transition: transform linear 100ms;\n}\n\n.toggle.expanded::before,\nbutton.fieldtoggle:not(.lightswitch).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\nbutton.fieldtoggle:not(.lightswitch),\na.fieldtoggle {\n  display: block;\n  position: relative;\n  margin-block: var(--m);\n  margin-inline: 0;\n  padding-inline-start: var(--m);\n  color: var(--text-color);\n  text-decoration: none;\n  cursor: default;\n}\n\nbutton.fieldtoggle:not(.lightswitch) {\n  cursor: pointer;\n}\n\nbutton.fieldtoggle:not(.lightswitch)::before,\na.fieldtoggle::before {\n  display: block;\n  position: absolute;\n  inset-block-start: 7px;\n  inset-inline-start: -1px;\n}\n\n/* emphasis */\nem,\ni {\n  font-style: italic;\n}\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 mixins.readable;\n}\n\n/* text styles */\n.leftalign {\n  text-align: start;\n}\n\n.topalign {\n  vertical-align: top;\n}\n\n.rightalign {\n  text-align: end;\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-block: 100px;\n  padding-inline: 0;\n  text-align: center;\n  font-size: 20px;\n  line-height: 24px;\n  color: var(--light-text-color);\n\n  &.small {\n    padding-block: 24px;\n    padding-inline: 0;\n    font-size: 16px;\n  }\n}\n\ninput.checkbox + label.smalltext {\n  padding-block-start: 2px;\n}\n\n.required::after {\n  content: 'asterisk';\n  margin-inline: 5px 0;\n  margin-block: -2px 0;\n  font-size: 12px;\n  color: var(--rose-600);\n}\n\n.scrollpane {\n  overflow: auto;\n}\n\n.left {\n  float: inline-start;\n}\n\n.right {\n  float: inline-end;\n}\n\nth,\ntd {\n  text-align: start;\n  vertical-align: middle;\n}\n\nbody table[dir='rtl'] {\n  th,\n  td {\n    text-align: end;\n  }\n}\n\nbody table[dir='ltr'] {\n  th,\n  td {\n    text-align: start;\n  }\n}\n\nth.right,\ntd.right {\n  float: none;\n  text-align: end;\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 mixins.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 mixins.icon;\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 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 mixins.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-block: 0;\n      margin-inline: -24px;\n      padding-block: 0;\n      padding-inline: 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      margin-inline: 0 2px;\n      margin-block: -2px 0;\n      @include mixins.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\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.move-btn {\n  &:not(.disabled) {\n    cursor: move !important;\n  }\n}\n\n.icon.move {\n  &::before {\n    content: 'move';\n    color: var(--custom-text-color, var(--ui-control-color));\n  }\n\n  &:not(.disabled):hover::before {\n    color: var(--link-color);\n  }\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 mixins.visually-hidden;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.clearafter::after {\n  @include mixins.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 mixins.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\n    &:hover::before {\n      color: var(--link-color);\n    }\n  }\n\n  &.warning {\n    &::before {\n      content: 'alert';\n    }\n\n    &:hover::before {\n      color: var(--warning-color);\n    }\n  }\n}\n\n.info-hud {\n  max-width: 550px;\n\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 (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 mixins.clearafter;\n}\n\n.customize-sources-modal {\n  padding-inline-start: 200px;\n  overflow: visible !important;\n\n  & > .cs-sidebar {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    margin: 0;\n    padding-block: 10px;\n    padding-inline: 0;\n    border: none;\n    width: 200px;\n    height: calc(100% - 44px);\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    border-start-start-radius: var(--large-border-radius);\n\n    & > .btn {\n      margin-inline: 14px 0;\n      margin-block: 10px 0;\n      display: block;\n      width: calc(100% - 28px);\n    }\n  }\n\n  &.sidebar-hidden {\n    padding-inline-start: 0;\n\n    & > .cs-sidebar {\n      display: none;\n    }\n  }\n\n  & > .source-settings {\n    position: relative;\n    height: calc(100% - 44px);\n    box-sizing: border-box;\n    padding: 24px;\n    overflow: auto;\n  }\n\n  & > .footer {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n  }\n}\n\n.customize-sources-item {\n  --light-text-color: var(--gray-600);\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-block-start: -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-block-start: 10px;\n    }\n\n    &:not(.heading) {\n      border-block-start: 1px solid var(--hairline-color);\n    }\n  }\n\n  &.sel {\n    --focus-ring: var(--focus-ring-outset);\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  .handle {\n    @include mixins.fixed-width-font;\n    font-size: 0.8em !important;\n  }\n\n  &:not(.sel) .handle {\n    color: var(--medium-text-color);\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  inset-block-start: 50%;\n  inset-inline-end: 3px;\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  flex: 1;\n  padding-block: 6px;\n  padding-inline: var(--xl);\n  padding-inline-end: 30px;\n}\n\n.checkbox-select-item {\n  display: flex;\n  gap: var(--xs);\n  align-items: flex-start;\n  align-content: stretch;\n  padding-block: 4px;\n\n  .move {\n    margin-block-start: -4px;\n    margin-inline-end: var(--xs);\n    position: relative;\n    z-index: 1;\n  }\n\n  .action-btn {\n    margin-block: -4px;\n  }\n}\n\nul.path {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: stretch;\n\n  li {\n    display: inline-flex;\n    align-items: center;\n\n    &:not(:last-child)::after {\n      margin-inline: 2px 5px;\n      margin-block: 0;\n      @include mixins.angle(right, var(--light-text-color), calc(1rem / 16));\n    }\n  }\n}\n\n/* ----------------------------------------\n/*  Icon lists\n/* ---------------------------------------- */\n\nul.icons {\n  margin-block-start: 20px;\n  display: flex;\n  flex-wrap: wrap;\n\n  li {\n    margin-block: 0 10px;\n    margin-inline: 0 4px;\n\n    a {\n      display: block;\n      position: relative;\n      padding-block: 60px 10px;\n      padding-inline: 5px;\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        inset-block-start: 0;\n        inset-inline-start: 0;\n        width: 100%;\n        font-size: 40px;\n        line-height: 60px;\n      }\n\n      .icon {\n        position: absolute;\n        inset-block-start: 12px;\n        inset-inline-start: 0;\n        width: 100%;\n        height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        img,\n        svg {\n          // give Users, Addresses, Categories, and Filesystems icons a little extra breathing room\n          max-width: 50px;\n          height: 40px;\n        }\n\n        &.icon-mask svg {\n          @include mixins.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 mixins.svg-mask(var(--link-color));\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (width <= 380px) {\n  ul.icons li a {\n    width: 96px;\n  }\n}\n\n@media only screen and (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-block-end: var(--s);\n  min-height: 34px;\n\n  &.flex,\n  .flex {\n    align-items: flex-start;\n  }\n\n  .text {\n    border-radius: var(--large-border-radius) !important;\n  }\n}\n\n.flex {\n  display: flex;\n  align-items: center;\n  align-content: stretch;\n  gap: var(--s);\n\n  &.flex-gap-xs {\n    gap: var(--xs);\n  }\n\n  &.flex-gap-m {\n    gap: var(--m);\n  }\n\n  &.flex-gap-l {\n    gap: var(--l);\n  }\n\n  &.flex-gap-xl {\n    gap: var(--xl);\n  }\n\n  &:not(.flex-nowrap) {\n    flex-wrap: wrap;\n  }\n\n  & > * {\n    &.label {\n      white-space: nowrap;\n    }\n  }\n\n  .centeralign & {\n    justify-content: center;\n  }\n}\n\n.inline-flex {\n  display: inline-flex !important;\n  align-items: center;\n  align-content: stretch;\n  gap: var(--s);\n}\n\n.flex-row {\n  flex-direction: row;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.items-end {\n  align-items: end;\n}\n\n.items-center {\n  align-items: center;\n}\n\n.items-baseline {\n  align-items: baseline;\n}\n\n.items-stretch {\n  align-items: stretch;\n}\n\n.gap-2xs {\n  gap: var(--2xs);\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-block: 24px;\n  margin-inline: 0;\n  align-items: center;\n\n  .hud-footer > &,\n  .footer > & {\n    margin: 0;\n  }\n}\n\n.btn {\n  isolation: isolate;\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--button-border);\n  border-radius: var(--button-border-radius);\n  padding-inline: var(--button-padding);\n  text-align: center;\n  user-select: none;\n  box-sizing: border-box;\n  appearance: none;\n  color: var(--text-color);\n  font-size: inherit;\n  text-wrap: nowrap;\n  background-color: var(--button-bg);\n  min-height: calc(34rem / 16);\n\n  &:hover {\n    border: var(--button-border--hover);\n    background: var(--button-bg--hover);\n  }\n\n  &:active,\n  &.active {\n    border: var(--button-border--active);\n    background: var(--button-bg--active);\n  }\n\n  &:not([aria-current]) {\n    cursor: pointer;\n  }\n\n  &[aria-current],\n  &.active {\n    cursor: default;\n  }\n\n  &.chromeless,\n  &.hairline,\n  &.hairline-dark,\n  &.link-btn {\n    border: none;\n    background: transparent;\n\n    &:focus-visible {\n      box-shadow: var(--focus-ring);\n    }\n  }\n\n  &.chromeless {\n    height: auto;\n    min-height: var(--touch-target-size);\n    padding-inline: 0;\n\n    &:hover,\n    &:active,\n    &.active,\n    &:focus {\n      background: transparent;\n    }\n\n    &:hover,\n    &:active,\n    &.active {\n      color: var(--link-color);\n      text-decoration: underline;\n    }\n  }\n\n  &.hairline,\n  &.link-btn {\n    border: 1px solid var(--medium-hairline-color);\n\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      background: var(--ui-control-static-bg-color);\n    }\n  }\n\n  &.hairline {\n    &:hover,\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      border-color: var(--dark-hairline-color);\n    }\n  }\n\n  &.hairline-dark {\n    border: 1px solid var(--dark-hairline-color);\n\n    &:not(:hover, :active, .active, [aria-expanded='true']) {\n      background-color: transparent;\n    }\n  }\n\n  &.link-btn {\n    color: var(--link-color);\n\n    &:hover,\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      border-color: var(--link-color);\n    }\n  }\n\n  &.wrap {\n    height: auto;\n    min-height: calc(34rem / 16);\n    white-space: initial;\n    text-align: start;\n  }\n\n  &:not(.disabled, .loading, .dashed, [aria-disabled], [aria-current]) {\n    &:focus,\n    &.focus,\n    &:hover {\n      --ui-control-bg-color: var(--ui-control-hover-bg-color);\n    }\n\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      --ui-control-bg-color: var(--ui-control-active-bg-color);\n    }\n  }\n\n  &[type='color'] {\n    padding-inline: 6px !important;\n    width: 36px;\n  }\n\n  &.loading {\n    cursor: default;\n  }\n\n  &:hover:not(.chromeless) {\n    text-decoration: none;\n  }\n\n  &:empty,\n  &.btn-empty {\n    padding-inline: 12px;\n  }\n\n  &[data-icon]:not(:empty, .btn-empty)::before,\n  &.icon:not(:empty, .btn-empty)::before,\n  &.menubtn:not(.action-btn)[data-icon]:empty::before,\n  &.menubtn:not(.action-btn)[data-icon].btn-empty::before,\n  &.menubtn:not(.action-btn).icon:empty::before,\n  &.menubtn:not(.action-btn).icon.btn-empty::before {\n    margin-inline-end: 5px;\n  }\n\n  &:not(.loading) .spinner {\n    display: none;\n  }\n\n  &.loading {\n    &::before,\n    &::after,\n    .cp-icon,\n    .label {\n      visibility: hidden;\n    }\n  }\n\n  div.checkbox {\n    margin-block-start: 2px;\n  }\n\n  &.copyable {\n    color: var(--medium-text-color);\n\n    [data-icon] {\n      margin-inline: 0;\n    }\n  }\n\n  [data-icon] {\n    margin-block-start: -3px;\n    margin-inline-end: 5px;\n\n    &.light::before {\n      color: var(--gray-300);\n    }\n  }\n\n  .cp-icon svg {\n    @include mixins.svg-mask(currentColor); // Matches color of font icons\n  }\n\n  &.header-btn {\n    margin-block: 2px;\n    margin-inline: 0;\n    @include mixins.header-btn;\n  }\n}\n\n.disabled:not(.status, .status-label) {\n  opacity: 0.5;\n  user-select: none;\n  cursor: not-allowed !important;\n\n  .layoutdesigner {\n    pointer-events: none;\n  }\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  height: var(--input-height);\n  min-height: var(--input-height);\n}\n\n.btn[data-icon-after]:not(:empty, .btn-empty)::after,\n.menu-toggle:not(:empty, .btn-empty)::after,\n.menubtn:not(.action-btn, :empty, .btn-empty)::after,\n.menubtn:not(.action-btn).icon::after {\n  margin-inline-start: 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 {\n  --icon-size: calc(12rem / 16);\n\n  &[data-icon]::before,\n  &[data-icon-after]::after,\n  &.icon::before {\n    font-size: 12px;\n  }\n}\n\n/* button groups */\n.btngroup-container {\n  margin: -3px;\n  padding: 3px;\n  overflow-x: auto;\n}\n\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, :last-child, .btngroup-btn-last) {\n      margin-inline-end: 1px;\n    }\n\n    &:not(:first-child, .btngroup-btn-first) {\n      border-start-start-radius: 0;\n      border-end-start-radius: 0;\n    }\n\n    &:not(:last-child, .btngroup-btn-last) {\n      border-start-end-radius: 0;\n      border-end-end-radius: 0;\n    }\n  }\n}\n\n.btngroup--exclusive {\n  .btn[aria-pressed='true']:not(.disabled, .loading, .dashed, [aria-disabled]) {\n    --focus-ring: var(--focus-ring-outset);\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  .text {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    min-width: 0;\n  }\n\n  .btn {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n}\n\ncraft-copy-attribute {\n  display: inline-block;\n  @include mixins.fixed-width-font(calc(11rem / 16));\n  color: var(--medium-text-color);\n  height: calc(22rem / 16);\n\n  button {\n    gap: 5px;\n    display: inline-flex;\n    border: 1px solid var(--hairline-color);\n    border-radius: var(--button-border-radius);\n    padding-inline: 5px;\n    flex-wrap: nowrap;\n    align-items: center;\n    cursor: pointer;\n    height: 100%;\n\n    &:hover,\n    &:focus {\n      border-color: var(--medium-hairline-color);\n      color: var(--text-color);\n    }\n\n    span[data-icon] {\n      margin-block-start: -3px;\n    }\n  }\n}\n\n/* menu buttons */\n.menu-toggle,\n.menubtn:not(.action-btn) {\n  display: inline-flex;\n  align-items: center;\n  user-select: none;\n\n  &::after {\n    @include mixins.angle;\n    position: relative;\n  }\n\n  &.btn {\n    &::after {\n      inset-block-start: -1px;\n    }\n\n    &:not(.disabled, .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, .inactive) {\n        &:hover,\n        &.hover,\n        &:active,\n        &.active {\n          &::after {\n            opacity: 1;\n          }\n        }\n      }\n    }\n  }\n\n  &:not(.btn, .icon) {\n    height: 17px;\n\n    &::after {\n      inset-block-start: -2px;\n      border-color: currentcolor;\n    }\n  }\n\n  &:empty,\n  &.btn-empty {\n    padding-inline: 8px;\n  }\n}\n\n@keyframes rotator {\n  0% {\n    transform: rotate(0);\n  }\n\n  100% {\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-inline-end-color: currentcolor;\n    border-block-end-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    transform: translateX(-50%) translateY(-50%);\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    z-index: 101;\n\n    .rtl & {\n      transform: translateX(50%) translateY(-50%);\n    }\n  }\n}\n\n.btn + .spinner {\n  margin-inline-start: 7px;\n}\n\n.buttons .btn + .spinner,\n.buttons .btngroup + .spinner {\n  margin-inline-start: 0;\n}\n\n.buttons.right .btn + .spinner {\n  margin-inline-end: var(--neg-padding);\n}\n\n/* small buttons */\n.btngroup.small .btn,\n.btn.small {\n  padding-block: 0 !important;\n  padding-inline: var(--s) !important;\n  font-size: 12px;\n  line-height: calc(22rem / 16);\n  min-height: calc(22rem / 16) !important;\n}\n\n.btngroup.small,\n.btngroup.small input.btn,\n.btn.small,\n.btn.small + .spinner {\n  height: calc(22rem / 16);\n}\n\n/* big buttons */\n.btngroup.big .btn,\n.btn.big {\n  padding-block: 0;\n  padding-inline: 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  margin-inline-start: -2px;\n}\n\n.btngroup.big,\n.btngroup.big input.btn,\n.btn.big,\n.btn.big + .spinner {\n  min-height: calc(36rem / 16);\n}\n\n/* huge buttons */\n.btn.huge {\n  padding-inline: var(--l);\n  line-height: calc(48rem / 16);\n  height: calc(48rem / 16);\n}\n\n/* special buttons */\n.btn {\n  &.submit,\n  &.secondary {\n    --ui-control-active-color: var(--white);\n    --focus-ring: var(--focus-ring-outset);\n    @include mixins.light-on-dark-text;\n  }\n\n  &.submit {\n    border: var(--primary-button-border) !important;\n    color: var(--primary-button-text-color) !important;\n    background: var(--primary-button-bg) !important;\n\n    &:not(.disabled, .inactive, .loading) {\n      &:hover,\n      &.hover {\n        border: var(--primary-button-border--hover) !important;\n        background: var(--primary-button-bg--hover) !important;\n      }\n\n      &:active,\n      &.active,\n      &[aria-expanded='true'] {\n        border: var(--primary-button-border--active) !important;\n        background: var(--primary-button-bg--active) !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: color.adjust(\n        mixins.$red050,\n        $lightness: -5%\n      ) !important;\n    }\n\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      background-color: var(--red-100) !important;\n    }\n  }\n}\n\n.secondary-buttons .btn.submit,\n.btn.secondary {\n  border: var(--secondary-button-border) !important;\n  color: var(--secondary-button-text-color) !important;\n  background: var(--secondary-button-bg) !important;\n}\n\n.secondary-buttons .btn.submit:not(.disabled, .inactive, .loading):hover,\n.secondary-buttons .btn.submit:not(.disabled, .inactive, .loading).hover,\n.secondary-buttons .btn.submit:not(.disabled, .inactive, .loading):focus,\n.btn.secondary:not(.disabled, .inactive, .loading):hover,\n.btn.secondary:not(.disabled, .inactive, .loading).hover,\n.btn.secondary:not(.disabled, .inactive, .loading):focus {\n  border: var(--secondary-button-border--hover) !important;\n  background: var(--secondary-button-bg--hover) !important;\n}\n\n.secondary-buttons .btn.submit:not(.disabled, .inactive, .loading):active,\n.secondary-buttons .btn.submit:not(.disabled, .inactive, .loading).active,\n.secondary-buttons\n  .btn.submit:not(.disabled, .inactive, .loading)[aria-expanded='true'],\n.btn.secondary:not(.disabled, .inactive, .loading):active,\n.btn.secondary:not(.disabled, .inactive, .loading).active,\n.btn.secondary:not(.disabled, .inactive, .loading)[aria-expanded='true'] {\n  border: var(--secondary-button-border--active) !important;\n  background: var(--secondary-button-bg--active) !important;\n}\n\ndiv.btn.submit {\n  position: relative;\n  overflow: hidden;\n}\n\ndiv.btn.submit input {\n  position: absolute;\n  inset-inline-start: 100%;\n}\n\n/* dashed buttons */\n.btn.dashed {\n  border: 1px dashed #{color.adjust(mixins.$inputColor, $alpha: -0.5)};\n  background-color: transparent;\n\n  .btngroup &:not(:last-child, .btngroup-btn-last) {\n    border-inline-end: 1px solid transparent;\n    margin-inline-end: -1px;\n  }\n\n  &:focus-visible {\n    background-color: color.adjust(mixins.$grey200, $alpha: -0.9);\n    border-color: transparent;\n  }\n\n  &:not(.disabled) {\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      background-color: color.adjust(mixins.$grey200, $alpha: -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-inline: 0;\n    border-radius: 0;\n    background-color: transparent;\n    height: var(--ui-control-height);\n    min-height: auto;\n\n    &.current-step,\n    &.active-drop-target {\n      color: var(--white);\n\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: #{color.adjust(\n          mixins.$grey500,\n          $lightness: -5%\n        )};\n      --ui-control-active-bg-color: #{color.adjust(\n          mixins.$grey500,\n          $lightness: -10%\n        )};\n    }\n\n    &.current-step {\n      @include mixins.light-on-dark-text;\n      @include mixins.light-focus-ring;\n    }\n\n    &:focus-visible {\n      z-index: 1;\n      box-shadow: none;\n\n      .label {\n        z-index: 1;\n        box-shadow: var(--focus-ring);\n      }\n    }\n\n    &:not(.has-action-menu) {\n      padding-inline-end: calc(var(--ui-control-height) / 2);\n      margin-inline-end: 2.8px;\n\n      &:not(.current-step[data-disclosure-trigger]) .btn-body {\n        padding-inline-end: 5px;\n      }\n    }\n\n    &.current-step[data-disclosure-trigger] .btn-body {\n      padding-inline-start: 8px;\n\n      .label {\n        padding: 3px;\n\n        &::after {\n          @include mixins.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: 100%;\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        margin-inline-end: 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      padding-inline-end: 1px;\n      margin-inline-end: 0;\n    }\n\n    .chevron-right,\n    .chevron-left {\n      position: absolute;\n      inset-block-start: 0;\n      height: 100%;\n      width: calc(var(--ui-control-height) / 2);\n    }\n\n    .chevron-left {\n      inset-inline-start: 0;\n      border-block-start: calc(var(--ui-control-height) / 2) solid\n        var(--ui-control-bg-color);\n      border-inline-start: calc(var(--ui-control-height) / 2) solid transparent;\n\n      &::after {\n        display: block;\n        content: '';\n        font-size: 0;\n        position: absolute;\n        inset-block-end: 0;\n        inset-inline-end: 0;\n        border-block-end: calc(var(--ui-control-height) / 2) solid\n          var(--ui-control-bg-color);\n        border-inline-start: calc(var(--ui-control-height) / 2) solid\n          transparent;\n      }\n    }\n\n    .chevron-right {\n      inset-inline-end: 0;\n      border-block-start: calc(var(--ui-control-height) / 2) solid transparent;\n      border-block-end: calc(var(--ui-control-height) / 2) solid transparent;\n      border-inline-start: calc(var(--ui-control-height) / 2) solid\n        var(--ui-control-bg-color);\n    }\n  }\n\n  ol {\n    position: relative;\n    padding-inline-start: 0;\n    list-style-type: none;\n    display: flex;\n\n    li {\n      &.first-step .btn {\n        .btn-body {\n          padding-inline-start: 14px;\n          border-start-start-radius: var(--ui-control-border-radius);\n          border-start-end-radius: 0;\n          border-end-end-radius: 0;\n          border-end-start-radius: var(--ui-control-border-radius);\n        }\n\n        .chevron-left {\n          display: none;\n        }\n      }\n\n      &:not(.first-step) .btn {\n        margin-inline-start: calc(-1 * (var(--ui-control-height) / 2));\n        padding-inline-start: calc(var(--ui-control-height) / 2);\n\n        .btn-body {\n          padding-inline-start: 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    inset-block-start: 0;\n    inset-inline-start: 7px;\n    width: 1em;\n    line-height: 34px;\n    text-align: center;\n    user-select: none;\n  }\n}\n\n.color-input {\n  @include mixins.fixed-width-font;\n  padding-inline: calc(7px + 1em) 9px;\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, .noteditable) {\n    cursor: pointer;\n  }\n\n  &:not(.small) {\n    @include mixins.checkered-bg(17px);\n  }\n\n  &.small {\n    width: 16px;\n    height: 16px;\n    @include mixins.checkered-bg(8px);\n  }\n\n  .color-preview {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 17px;\n    box-shadow: inset 0 0 0 1px color.adjust(mixins.$black, $alpha: -0.85);\n\n    &:focus-within {\n      @include mixins.input-focused-styles;\n    }\n\n    & > .color-preview-input {\n      position: absolute;\n      inset-inline-start: 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-inline-start: 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-inline: 7px;\n\n    span {\n      flex-grow: 1;\n      padding-block: 7px;\n      padding-inline: 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        margin-inline-start: 7px;\n      }\n\n      &[data-toggle='off'] {\n        margin-inline-end: 7px;\n        text-align: end;\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  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 10%); // Ensures contrast with pane background is over 3:1\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      inset-block-start: 2px;\n      background-color: var(--white);\n      box-shadow: 0 0 0 1px rgb(0 0 0 / 10%); // Ensures contrast with pane background is over 3:1\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      margin-inline-start: -12px;\n      width: 46px;\n\n      .handle {\n        border-radius: 9px;\n        width: 18px;\n        height: 18px;\n        inset-inline-start: calc(50% - 9px);\n      }\n    }\n  }\n\n  &.small {\n    border-radius: 9px;\n    width: 28px;\n    height: 18px;\n\n    .lightswitch-container {\n      margin-inline-start: -10px;\n      width: 38px;\n\n      .handle {\n        border-radius: 8px;\n        width: 14px;\n        height: 14px;\n        inset-inline-start: calc(50% - 7px);\n      }\n    }\n  }\n\n  table & {\n    display: inline-block;\n    margin-block-end: -5px;\n  }\n\n  &.on {\n    .lightswitch-container {\n      margin-inline-start: 0;\n    }\n  }\n\n  &.indeterminate {\n    &:not(.small) {\n      .lightswitch-container {\n        margin-inline-start: 0.5 * -12px;\n      }\n    }\n\n    &.small {\n      .lightswitch-container {\n        margin-inline-start: 0.5 * -10px;\n      }\n    }\n  }\n}\n\n/* pagination */\n.pagination {\n  table.data + & {\n    margin-block-start: 24px;\n  }\n\n  .page-link {\n    width: calc(30rem / 16);\n    height: calc(30rem / 16);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--medium-border-radius);\n\n    &::after {\n      position: relative;\n      transition: border-color linear 100ms;\n    }\n\n    &.prev-page::after {\n      @include mixins.angle(left, var(--light-text-color));\n      inset-inline-end: -1px;\n    }\n\n    &.next-page::after {\n      @include mixins.angle(right, var(--light-text-color));\n      inset-inline-start: -1px;\n    }\n\n    &:not(.disabled) {\n      transition: box-shadow linear 100ms;\n      box-shadow: inset 0 0 0 1px var(--hairline-color);\n      cursor: pointer;\n\n      &:hover {\n        text-decoration: none;\n        box-shadow: inset 0 0 0 1px var(--link-color);\n\n        &::after {\n          border-color: var(--link-color);\n        }\n      }\n\n      &:focus-visible {\n        box-shadow:\n          inset 0 0 0 1px var(--hairline-color),\n          var(--focus-ring);\n      }\n    }\n\n    &.disabled {\n      opacity: 1;\n\n      &::after {\n        border-color: var(--hairline-color);\n      }\n    }\n  }\n}\n\n/* action buttons */\n.actions {\n  float: inline-end;\n}\n\n.actions > li {\n  float: inline-start;\n}\n\n.actions > li + li {\n  margin-inline-start: 10px;\n}\n\nh1 + .actions {\n  margin-block-start: -100px;\n}\n\nh2 + .actions {\n  margin-block-start: -54px;\n}\n\n/* ----------------------------------------\n/*  Tables\n/* ---------------------------------------- */\n\n.tablepane {\n  --pane-y-padding-default: calc(var(--xl) - 2px);\n  --pane-x-padding-default: calc(var(--padding) - 2px);\n\n  #content & {\n    --pane-padding: var(--pane-x-padding-default);\n  }\n\n  margin-block: calc(var(--pane-padding, var(--pane-y-padding-default)) * -1)\n    calc(\n      var(--pane-padding, var(--padding)) * -1 + var(--pane-padding, var(--m))\n    );\n  margin-inline: calc(var(--pane-padding, var(--pane-x-padding-default)) * -1);\n  padding: 0 !important;\n  overflow-x: auto;\n\n  table.data {\n    th,\n    td {\n      &:first-child:not(.checkbox-cell, .vuetable-th-slot-checkbox) {\n        padding-inline-start: var(\n          --pane-padding,\n          var(--pane-x-padding-default)\n        );\n      }\n\n      &:last-child {\n        padding-inline-end: var(--pane-padding, var(--pane-x-padding-default));\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      text-align: start;\n      vertical-align: top;\n    }\n  }\n\n  // plain tables\n  &:not(.data) {\n    th,\n    td {\n      padding-block: 7px;\n\n      &:not(:first-child) {\n        padding-inline-start: 12px;\n      }\n\n      &:not(:last-child) {\n        padding-inline-end: 12px;\n      }\n    }\n  }\n\n  // data tables\n  &.data {\n    th,\n    td {\n      position: relative;\n      padding-inline: 12px;\n      box-sizing: border-box;\n\n      &.checkbox-cell,\n      &.vuetable-th-slot-checkbox {\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          inset-block-start: calc(50% - 8rem / 16);\n        }\n      }\n    }\n\n    th {\n      font-weight: bold;\n    }\n\n    thead:first-child,\n    tbody:first-child,\n    tfoot:first-child,\n    caption + thead,\n    caption + tbody,\n    caption + tfoot {\n      tr:first-child {\n        th,\n        td {\n          &:first-child {\n            border-start-start-radius: var(\n              --border-radius,\n              var(--small-border-radius)\n            );\n            border-end-start-radius: var(\n              --border-radius,\n              var(--small-border-radius)\n            );\n          }\n\n          &:last-child {\n            border-start-end-radius: var(\n              --border-radius,\n              var(--small-border-radius)\n            );\n            border-end-end-radius: var(\n              --border-radius,\n              var(--small-border-radius)\n            );\n          }\n        }\n      }\n    }\n\n    thead {\n      th,\n      td {\n        width: auto;\n        background-color: var(--gray-050);\n        cursor: default;\n      }\n\n      th:not(.orderable),\n      td {\n        padding-block: var(--s);\n      }\n\n      th {\n        white-space: nowrap;\n        vertical-align: middle;\n\n        &.orderable {\n          position: relative;\n          padding: 0 !important;\n\n          body:not(.dragging) &:not(.ordered):hover {\n            background-color: var(--gray-100);\n          }\n\n          &.ordered {\n            background-color: var(--light-sel-color);\n\n            &:not(.loading) {\n              button::after {\n                @include mixins.angle(up);\n                position: absolute;\n                inset-inline-end: var(--m);\n                inset-block-start: calc(50% - 3px);\n              }\n\n              &.desc button::after {\n                transform: rotate(45deg);\n              }\n            }\n          }\n\n          button {\n            position: relative;\n            font: inherit;\n            width: 100%;\n            padding-block: var(--m);\n            padding-inline: var(--m) 35px;\n            text-align: start;\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          inset-block-start: calc(50% - 6px);\n          inset-inline-end: 8px;\n\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 mixins.custom-color-focus-ring(\n              hsl(var(--light-focus-hsl))\n            );\n\n            .status-label .status-label-text {\n              --status-label-text-color: var(--white) !important;\n            }\n\n            th,\n            td {\n              color: var(--white);\n              background-color: var(--selected-bg-color);\n\n              .chip {\n                color: var(--white);\n\n                &:not(.chromeless) {\n                  background-color: var(\n                    --custom-sel-bg-color,\n                    var(--gray-600)\n                  ) !important;\n                }\n              }\n            }\n\n            .icon,\n            .cp-icon,\n            [data-icon],\n            [data-icon-after] {\n              --icon-color: var(--white) !important;\n            }\n          }\n        }\n      }\n\n      th,\n      td {\n        padding-block: 7px;\n        max-width: 33vw;\n      }\n\n      td {\n        &.timestamp {\n          text-align: end;\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-block-start: 1px solid transparent;\n      }\n    }\n\n    tr.sel:not(.draggee) + tr.sel:not(.draggee) {\n      th,\n      td {\n        border-block-start-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 mixins.angle(up);\n            inset-inline-end: var(--m);\n            inset-block-start: calc(7rem / 16);\n          }\n\n          &.desc .sort-icon {\n            transform: rotate(45deg);\n            inset-block-start: calc((7rem / 16) - (2rem / 16));\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      text-align: start;\n      width: auto !important;\n      white-space: normal;\n    }\n\n    thead {\n      display: none;\n    }\n\n    tbody {\n      tr {\n        padding-block: 6px;\n        padding-inline: 0;\n        border-block-end: 1px dotted var(--hairline-color);\n\n        &::after {\n          @include mixins.clearafter;\n        }\n      }\n\n      th,\n      td {\n        padding-block: 2px !important;\n        padding-inline: 0 !important;\n      }\n\n      td {\n        &:empty {\n          display: none;\n        }\n      }\n\n      [data-title] {\n        margin-inline-end: 0;\n\n        &::before {\n          margin-inline-end: 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 mixins.shadow;\n}\n\n.datatablesorthelper,\n.datatablesorthelper .chip,\n.datatablesorthelper a {\n  cursor: move !important;\n}\n\n.datatablesorthelper tr:first-child th,\n.datatablesorthelper tr:first-child td {\n  border-block-start: none !important;\n}\n\n.datatablesorthelper tr:last-child th,\n.datatablesorthelper tr:last-child td {\n  border-block-end: none !important;\n}\n\n.datatablesorthelper th .toggle {\n  display: none !important;\n}\n\n.chip,\n.card,\n.matrixblock {\n  position: relative;\n  border-radius: var(--large-border-radius);\n  color: var(--custom-text-color, var(--text-color));\n\n  --custom-border-color: initial;\n  --custom-titlebar-bg-color: initial;\n  --custom-bg-color: initial;\n  --custom-text-color: initial;\n  --custom-sel-titlebar-bg-color: initial;\n  --custom-sel-bg-color: initial;\n\n  &:not(.chromeless, .hairline) {\n    background-color: var(--custom-bg-color, var(--gray-050));\n    box-shadow: 0 2px 6px -1px rgb(0 0 0 / 5%);\n  }\n\n  &:not(.chromeless)::before {\n    position: absolute;\n    content: '';\n    inset: 0;\n    border-radius: var(--large-border-radius);\n    box-shadow: inset 0 0 0 1px var(--custom-border-color, var(--gray-150));\n    pointer-events: none;\n    z-index: 1;\n  }\n}\n\n.chip,\n.card {\n  overflow: hidden; // needed for status indicators\n\n  &.sel,\n  tr.sel &,\n  li.sel &,\n  li.active-drop-target &,\n  .card.sel & {\n    --text-color: var(--white);\n    --custom-text-color: var(--white) !important;\n    --medium-dark-text-color: var(--white);\n    --medium-text-color: var(--white);\n    --light-text-color: var(--white);\n    --link-color: var(--white);\n    --ui-control-color: var(--white);\n    --custom-border-color: rgb(0 0 0 / 10%) !important;\n    @include mixins.custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n    color: var(--white);\n\n    &:not(.chromeless) {\n      background-color: var(\n        --custom-sel-bg-color,\n        var(--dark-sel-color)\n      ) !important;\n    }\n\n    .icon,\n    .cp-icon,\n    [data-icon],\n    [data-icon-after] {\n      --icon-color: var(--white) !important;\n    }\n\n    .thumb {\n      filter: brightness(0.85);\n      opacity: 0.75;\n    }\n  }\n}\n\n/* chips */\n.chip {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  cursor: default;\n  user-select: none;\n  font-weight: normal;\n  padding-block: 0;\n  max-width: 100%;\n  gap: var(--xs);\n  border-radius: var(--large-border-radius);\n\n  &:not(.chromeless) {\n    padding-inline: var(--s);\n  }\n\n  &.small {\n    flex-direction: row;\n\n    --thumb-size: calc(30rem / 16);\n\n    & > .thumb {\n      margin-inline-end: 2px;\n      margin-block: 0;\n\n      &.cp-icon {\n        --thumb-size: 1rem; // 16px\n      }\n    }\n\n    &:not(.chromeless) {\n      min-height: calc(26rem / 16 + 8px);\n\n      & > .thumb {\n        margin-inline-start: -2px;\n      }\n    }\n  }\n\n  &.large {\n    flex-direction: column;\n\n    --thumb-size: 120px;\n    min-width: calc(var(--s) * 2 + var(--thumb-size));\n    width: 100%;\n\n    .chip-content {\n      width: 100%;\n    }\n\n    &:not(.chromeless) {\n      padding-block: var(--xs);\n    }\n  }\n\n  .chip-content {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--s);\n    width: 100%;\n\n    .status,\n    .icon {\n      margin-inline-end: 0;\n    }\n\n    .icon {\n      margin-block: -4px 0;\n      margin-inline: -1px;\n    }\n\n    .label {\n      flex: 1;\n    }\n\n    .chip-label {\n      padding-block: var(--xs);\n      padding-inline: 0;\n      display: flex;\n      flex-direction: column;\n      gap: var(--xs);\n\n      .indicators {\n        display: flex;\n        gap: var(--xs);\n        padding-block: var(--2xs);\n      }\n    }\n\n    .chip-actions {\n      margin-inline-start: auto;\n    }\n  }\n\n  &:not(.large) .chip-content .chip-actions {\n    margin-inline-end: 4px;\n  }\n\n  &:has(.thumb):not(.large) .chip-content {\n    min-width: calc(100% - var(--thumb-size) - var(--s));\n  }\n\n  .offset-drag-helper & {\n    background-color: var(--gray-050);\n    @include mixins.shadow;\n  }\n\n  & > .thumb {\n    flex: 0 0 auto;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--thumb-size);\n    height: var(--thumb-size);\n\n    &.rounded {\n      img,\n      svg {\n        border: var(--xs) solid transparent;\n        border-radius: 50%;\n      }\n    }\n\n    &.checkered img {\n      @include mixins.checkered-bg(8px);\n    }\n\n    img,\n    svg {\n      display: block;\n      flex-shrink: 0;\n      border-radius: var(--small-border-radius);\n      max-width: 100%;\n      max-height: 100%;\n    }\n\n    svg {\n      width: 100%;\n    }\n  }\n}\n\n.cp-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  max-width: var(--icon-size);\n\n  svg {\n    width: var(--icon-size);\n    height: var(--icon-size);\n    max-width: var(--icon-size) !important;\n    max-height: var(--icon-size) !important;\n    @include mixins.svg-mask(var(--icon-color, var(--ui-control-color)));\n  }\n\n  &.large {\n    --icon-size: calc(20rem / 16);\n  }\n\n  &.small {\n    --icon-size: calc(14rem / 16);\n  }\n\n  &.puny {\n    --icon-size: calc(12rem / 16);\n  }\n}\n\n.chips,\n.cards {\n  display: flex;\n\n  &:not(.inline-chips) {\n    flex-direction: column;\n  }\n\n  li {\n    max-width: 100%;\n  }\n}\n\n.cards {\n  gap: var(--s);\n}\n\n.chips {\n  align-items: flex-start;\n  gap: var(--xs);\n\n  &.chips-small {\n    li {\n      height: calc(34rem / 16);\n    }\n  }\n}\n\n.inline-chips {\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n  gap: var(--xs);\n\n  .chip {\n    margin: 0 !important;\n  }\n}\n\n.elements.inline-chips.chips-large {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n}\n\n/** cards */\n.card {\n  display: flex;\n  flex-direction: column;\n  container-type: inline-size;\n\n  &::after {\n    border-radius: var(--large-border-radius);\n  }\n\n  & > .card-titlebar {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding-inline: var(--m);\n    background-color: var(--custom-titlebar-bg-color, var(--gray-100));\n    border-start-start-radius: var(--large-border-radius);\n    border-start-end-radius: var(--large-border-radius);\n    user-select: none;\n\n    @container (min-width: 200px) {\n      flex-direction: row;\n      align-items: center;\n      min-height: calc(var(--lh) + 10px);\n    }\n\n    .card-titlebar-label {\n      font-size: 0.8em !important;\n    }\n\n    & > .card-actions-container {\n      display: flex;\n      align-items: flex-start !important;\n      position: relative;\n    }\n  }\n\n  & > .card-main {\n    display: grid;\n    position: relative;\n    padding-block: var(--s);\n    padding-inline: var(--m);\n    gap: var(--s);\n    border-end-start-radius: var(--large-border-radius);\n    border-end-end-radius: var(--large-border-radius);\n    width: 100%;\n    overflow: hidden;\n\n    & > .thumb {\n      display: flex;\n      justify-content: center;\n      flex: 0 0 120px;\n      width: 120px;\n      max-height: 120px;\n      overflow: hidden;\n      align-self: start;\n\n      img,\n      svg {\n        max-width: 120px;\n        max-height: 120px;\n        border-radius: var(--small-border-radius);\n      }\n    }\n\n    @container (min-width: 200px) {\n      grid-template-columns: 1fr auto;\n    }\n  }\n\n  .ck-content & {\n    ul {\n      padding-inline: 0 !important;\n      list-style-type: none;\n    }\n  }\n\n  .card-content,\n  .card-content .card-body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--xs);\n    flex: 1;\n  }\n\n  .card-content {\n    flex: 1 0 0 !important;\n    overflow: hidden;\n    position: relative;\n\n    --focus-ring: var(--inner-focus-ring);\n\n    .card-heading {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: 5px;\n      min-height: calc(22rem / 16);\n\n      .label {\n        font-weight: 600;\n      }\n    }\n\n    .card-body {\n      &:empty {\n        display: none;\n      }\n\n      & > .card-attribute-preview:not(:has(> .no-truncate)) {\n        --max-lines: 2;\n        margin: 0;\n        max-height: calc(var(--lh) * var(--max-lines));\n        overflow: hidden;\n        text-wrap: pretty;\n      }\n    }\n  }\n\n  &.sel,\n  li.sel & {\n    --text-color: var(--white);\n    --custom-text-color: var(--white) !important;\n    --medium-dark-text-color: var(--white);\n    --medium-text-color: var(--white);\n    --light-text-color: var(--white);\n    --link-color: var(--white);\n    --ui-control-color: var(--white);\n    @include mixins.custom-color-focus-ring(hsl(var(--light-focus-hsl)));\n    color: var(--white);\n    background-color: var(\n      --custom-sel-bg-color,\n      var(--dark-sel-color)\n    ) !important;\n\n    & > .card-titlebar {\n      background-color: var(--custom-sel-titlebar-bg-color, var(--gray-600));\n\n      .icon,\n      .cp-icon,\n      [data-icon],\n      [data-icon-after] {\n        --icon-color: var(--white) !important;\n      }\n    }\n\n    .status-label .status-label-text {\n      --status-label-text-color: var(--white) !important;\n    }\n  }\n}\n\n.card-grid {\n  display: grid !important;\n  gap: var(--s) !important;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n\n  & > li {\n    border-radius: var(--large-border-radius);\n\n    & > .card {\n      margin: 0 !important;\n      height: 100%;\n    }\n  }\n}\n\n// Adjust the columns when in live preview\n.lp-editor-container .card-grid,\n.width-50 .card-grid,\n.width-25 .card-grid {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.context-label,\n.context-menu-container {\n  display: inline-flex;\n  align-items: center;\n  margin-inline-start: var(--xs);\n  height: var(--touch-target-size);\n  padding-block: 0;\n  padding-inline: var(--s);\n  font-size: 11px;\n  font-weight: normal;\n  text-decoration: none !important;\n  color: var(--medium-dark-text-color);\n  border-radius: calc(var(--touch-target-size) / 2);\n  border: 1px solid var(--medium-hairline-color);\n}\n\n.context-menu-container {\n  padding-inline-end: 0;\n\n  .menubtn:not(.action-btn) {\n    margin-inline: 0 -1px;\n    margin-block: 0;\n    padding-inline-end: 2px !important;\n    border-inline-start: 1px solid var(--medium-hairline-color);\n    border-start-start-radius: 0;\n    border-start-end-radius: calc(var(--touch-target-size) / 2);\n    border-end-end-radius: calc(var(--touch-target-size) / 2);\n    border-end-start-radius: 0;\n\n    &:hover {\n      border-color: var(--dark-hairline-color) !important;\n    }\n  }\n\n  > * {\n    display: inline-block;\n    padding-inline-end: var(--s);\n  }\n}\n\n// fix for context menus that are only children\n.context-menu-container .menubtn:not(.action-btn):only-child,\n.context-menu-container\n  .visually-hidden:first-child\n  + .menubtn:not(.action-btn):last-child {\n  margin-block: 0;\n  margin-inline: calc(var(--s) * -1);\n  border-inline-start: none !important;\n  border-radius: calc(var(--touch-target-size) / 2) !important;\n}\n\n.chip > .chip-content > .chip-actions,\n.card > .card-titlebar > .card-actions-container > .card-actions,\n.matrixblock > .actions {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--s);\n  min-height: calc(22rem / 16);\n\n  &:empty {\n    display: none;\n  }\n\n  & > .status {\n    margin: 0;\n  }\n\n  & > .btn.chromeless,\n  & > .action-btn {\n    padding-inline: 0 !important;\n    height: var(--touch-target-size);\n    width: var(--touch-target-size);\n    margin-block: 0;\n    margin-inline: -4px;\n\n    &::before {\n      color: var(--custom-text-color, var(--ui-control-color));\n    }\n  }\n\n  .action-btn {\n    background-color: transparent;\n\n    &::before {\n      margin-inline-end: 0 !important;\n    }\n\n    &:hover,\n    &:active,\n    &[aria-expanded='true'] {\n      backdrop-filter: brightness(90%);\n    }\n  }\n}\n\n.chip,\n.card {\n  // prevent double focus ring (chip/card already gets it)\n  .checkbox::before {\n    box-shadow: none !important;\n  }\n\n  .label {\n    display: flex;\n    align-items: center;\n    gap: var(--xs);\n    overflow: hidden;\n\n    .label-link {\n      flex: 1 1 0;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &:focus {\n        box-shadow: var(--inner-focus-ring);\n      }\n    }\n\n    // label links inside cards and chip should be coloured as regular a tags despite not having href attribute\n    a.label-link {\n      color: var(--link-color);\n    }\n\n    .segment::after {\n      display: inline-flex !important;\n      position: relative;\n      inset-block-start: -2px;\n      margin-inline: 2px 5px;\n      margin-block: 0;\n      @include mixins.angle(right, var(--light-text-color), calc(1rem / 16));\n\n      .sel & {\n        @include mixins.angle(right, var(--white), calc(1rem / 16));\n      }\n    }\n  }\n\n  &.error .label .label-link {\n    color: var(--error-color);\n  }\n}\n\n.element-index {\n  .source-path {\n    background-color: var(--gray-050);\n    border-radius: 3px;\n\n    --ui-control-bg-color: var(--light-sel-color);\n    --ui-control-hover-bg-color: #{color.adjust(\n        mixins.$lightSelColor,\n        $lightness: -5%\n      )};\n    --ui-control-active-bg-color: #{color.adjust(\n        mixins.$lightSelColor,\n        $lightness: -10%\n      )};\n\n    .chevron-btns {\n      display: inline-flex;\n      position: relative;\n      background: mixins.$white;\n\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        inset-block-start: 0;\n        width: 0;\n        height: 0;\n        inset-inline-end: 0;\n        border-block-start: calc(var(--ui-control-height) / 2) solid\n          mixins.$grey050;\n        border-inline-start: calc(var(--ui-control-height) / 2) solid\n          transparent;\n      }\n\n      &::after {\n        display: block;\n        content: '';\n        font-size: 0;\n        position: absolute;\n        inset-block-start: calc(var(--ui-control-height) / 2);\n        inset-inline-end: 0;\n        border-block-end: calc(var(--ui-control-height) / 2) solid\n          mixins.$grey050;\n        border-inline-start: calc(var(--ui-control-height) / 2) solid\n          transparent;\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-block: calc(var(--padding) * -1 + 2px) 24px;\n      margin-inline: calc(var(--padding) * -1 + 2px);\n\n      & + .elements > .tablepane {\n        margin-block-start: calc(var(--xl) * -1 + 2px);\n      }\n    }\n\n    .inline-editing {\n      textarea,\n      input[type='email'],\n      input[type='text'].fullwidth,\n      input[type='url'],\n      .link-input {\n        min-width: 10rem;\n      }\n\n      .link-input .flex-nowrap,\n      .icon-picker {\n        flex-wrap: wrap;\n      }\n\n      .money-container input[type='text'].fullwidth,\n      input[type='text'][inputmode].fullwidth {\n        min-width: 5rem;\n        width: 5rem;\n      }\n\n      .lightswitch-outer-container .lightswitch-inner-container span {\n        overflow: initial;\n      }\n\n      .selectize.select:not(.fullwidth) {\n        width: 10rem;\n      }\n\n      .flex:has(input[type='text'][inputmode].fullwidth) {\n        flex-wrap: nowrap;\n      }\n    }\n  }\n\n  .elementselectormodal & {\n    .source-path {\n      margin-block-end: 2px;\n    }\n  }\n\n  &.pane {\n    .toolbar {\n      position: relative;\n      z-index: 2;\n      margin-block: calc(var(--pane-padding) * -1) var(--pane-padding) !important;\n      margin-inline: calc(var(--pane-padding) * -1) !important;\n      border-radius: calc(var(--large-border-radius) - 1px)\n        calc(var(--large-border-radius) - 1px) 0 0;\n      padding: var(--pane-padding);\n      box-shadow: 0 1px 0 var(--hairline-color);\n      background-color: var(--gray-050);\n    }\n\n    .header {\n      padding-block: var(--pane-padding);\n      background-color: transparent;\n      border-block-end: 1px solid var(--hairline-color);\n    }\n\n    .elements {\n      --border-radius: 0;\n\n      .tableview table.data thead {\n        th,\n        td {\n          border-block-end: 1px solid var(--hairline-color);\n\n          &:not(.ordered) {\n            background-color: transparent;\n          }\n        }\n      }\n    }\n\n    .footer {\n      border-radius: 0 0 calc(var(--large-border-radius) - 1px)\n        calc(var(--large-border-radius) - 1px) !important;\n      box-shadow: none;\n      border-block-start: 1px solid var(--hairline-color);\n      background: transparent;\n    }\n  }\n\n  craft-proxy-scrollbar {\n    position: sticky;\n    width: calc(100% + var(--xl) * 2);\n    margin-inline: calc(var(--xl) * -1);\n  }\n}\n\n.elements {\n  position: relative;\n\n  &:not(.busy) {\n    .update-spinner {\n      display: none;\n    }\n  }\n\n  &.busy {\n    min-height: 72px;\n\n    &::after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      z-index: 100;\n      inset-block-start: 0;\n      inset-inline-start: calc(var(--pane-padding, 24px) * -1);\n      width: calc(100% + var(--pane-padding, 24px) + var(--pane-padding, 24px));\n      height: 100%;\n      background: color.adjust(mixins.$white, $alpha: -0.25);\n      border-radius: var(--large-border-radius);\n    }\n  }\n\n  .header {\n    margin-block: calc(var(--xl) * -1 + 2px) var(--xl);\n    margin-inline: calc(var(--padding) * -1 + 2px);\n    padding: var(--s);\n    background-color: var(--gray-050);\n    box-shadow: none;\n    border-radius: var(--border-radius, var(--small-border-radius));\n\n    &::after {\n      content: '';\n    }\n\n    .selectallcontainer {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      cursor: default;\n    }\n  }\n\n  .tableview tr.draggee th,\n  .tableview tr.draggee td,\n  .thumbsview li.draggee {\n    opacity: 0.25;\n  }\n\n  // table views\n  .tableview {\n    th,\n    td {\n      height: 34px;\n    }\n\n    th {\n      .move,\n      .toggle {\n        display: flex;\n        position: absolute;\n        justify-content: center;\n        align-items: center;\n        inset-block-start: 50%;\n        transform: translateY(-50%);\n        margin-inline-start: 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        margin-inline-start: calc(var(--touch-target-size) * -2);\n      }\n\n      .enabled-label {\n        margin-inline-start: var(--xs);\n      }\n    }\n\n    tr.disabled {\n      opacity: 1;\n\n      & > th > div > *,\n      & > td {\n        opacity: 0.25;\n      }\n\n      & > th > div > button.toggle {\n        opacity: 1;\n        pointer-events: all;\n      }\n    }\n  }\n\n  // thumbs views\n  .thumbsview {\n    display: grid;\n    gap: var(--s);\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n\n    li {\n      position: relative;\n      margin-inline: 0 1px;\n      margin-block: 0 1px;\n      max-width: 226px;\n      border-radius: var(--large-border-radius);\n\n      &:hover {\n        .chip {\n          background-color: var(--gray-050);\n        }\n      }\n\n      &.sel {\n        a {\n          cursor: pointer !important;\n\n          &:hover {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n\n    .chip.large {\n      width: 100%;\n    }\n\n    .chip-content {\n      max-width: 100%;\n    }\n  }\n}\n\n.export-form {\n  position: relative;\n\n  .spinner {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-end: -24px;\n  }\n}\n\n/* structures */\n.structure {\n  position: relative;\n  z-index: 1;\n\n  li {\n    padding-inline-start: 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      margin-inline: 8px 0;\n      margin-block: -1px;\n      padding-inline-start: 0;\n      height: 2px;\n      background-color: var(--link-color) !important;\n      border-inline-start: none;\n      border-radius: 1px;\n    }\n\n    .toggle {\n      position: relative;\n      z-index: 1;\n      float: inline-start;\n      margin-inline: -12px -8px;\n      margin-block: 10px 0;\n      padding: 4px;\n    }\n\n    .row::after {\n      @include mixins.clearafter;\n    }\n\n    .move,\n    .add {\n      margin-inline: 0 5px;\n      margin-block: 5px 0;\n      opacity: 0;\n      transition: opacity linear 100ms;\n    }\n\n    .add {\n      padding-block: 0;\n      padding-inline: 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      float: inline-start;\n      margin-inline: 7px 0;\n      margin-block: 7px 0;\n    }\n  }\n\n  ul {\n    margin-inline-start: -3px;\n\n    li {\n      padding-inline-start: 38px;\n      background-repeat: no-repeat;\n\n      --background-position-x: 0;\n      --background-position-y: -6px;\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, .last) {\n        padding-inline-start: 37px;\n        border-inline-start: 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        margin-inline-start: 38px;\n      }\n    }\n  }\n\n  .row {\n    &.draghover {\n      .chip {\n        z-index: 2;\n        border-radius: 15px;\n        box-shadow: inset 0 0 0 2px var(--link-color);\n      }\n    }\n\n    &.droptarget {\n      border-radius: 5px;\n      box-shadow: inset 0 0 0 2px var(--link-color);\n    }\n  }\n}\n\n.elementselect .elements:not(:empty),\n.componentselect .components:not(:empty) {\n  & + .flex {\n    margin-block-start: var(--s);\n  }\n}\n\n/* element select fields */\n.elementselect {\n  position: relative;\n  min-height: 34px;\n\n  .flex,\n  .btn {\n    clear: both;\n  }\n\n  .structure {\n    .chip {\n      margin-block-start: var(--xs);\n    }\n\n    & > li {\n      padding-inline-start: 0;\n    }\n\n    ul {\n      margin-inline-start: 14px;\n\n      li {\n        --background-position-y: 0;\n      }\n    }\n  }\n}\n\n/* nested element cards */\n.nested-element-cards {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s);\n\n  & > .pane {\n    margin: 0;\n  }\n}\n\n/* editable tables */\ntable.editable {\n  border-radius: var(--large-border-radius);\n  border: var(--input-border);\n  color: var(--text-color);\n\n  th,\n  td.heading,\n  td.action {\n    color: var(--medium-text-color);\n    font-weight: normal;\n\n    button:not(.lightswitch),\n    a {\n      display: inline-flex;\n      width: var(--touch-target-size);\n      height: var(--touch-target-size);\n      align-items: center;\n      justify-content: center;\n    }\n\n    .flex {\n      gap: 0;\n    }\n  }\n\n  td.action {\n    padding-inline: var(--xs) !important;\n    vertical-align: middle;\n\n    &:has(+ td.action) {\n      padding-inline-end: 0 !important;\n    }\n\n    & + td.action {\n      padding-inline-start: 0 !important;\n    }\n  }\n\n  thead,\n  tbody {\n    tr {\n      th {\n        padding-block: 6px;\n        padding-inline: 10px;\n      }\n    }\n  }\n\n  thead:first-child,\n  tbody:first-child,\n  colgroup + thead,\n  colgroup + tbody {\n    tr:first-child {\n      th,\n      td {\n        &:first-child {\n          border-start-start-radius: var(--large-border-radius);\n\n          textarea,\n          input.text {\n            border-start-start-radius: calc(var(--large-border-radius) - 1px);\n          }\n        }\n\n        &:last-child {\n          border-start-end-radius: var(--large-border-radius);\n\n          textarea,\n          input.text {\n            border-start-end-radius: calc(var(--large-border-radius) - 1px);\n          }\n        }\n      }\n    }\n  }\n\n  thead,\n  tbody {\n    &:last-child tr:last-child {\n      th,\n      td {\n        &:first-child {\n          border-end-start-radius: var(--large-border-radius);\n\n          textarea,\n          input.text {\n            border-end-start-radius: calc(var(--large-border-radius) - 1px);\n          }\n        }\n\n        &:last-child {\n          border-end-end-radius: var(--large-border-radius);\n\n          textarea,\n          input.text {\n            border-end-end-radius: calc(var(--large-border-radius) - 1px);\n          }\n        }\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        border-block-end: 1px solid var(--hairline-color);\n        font-family: inherit; // for .code\n        font-size: 0.8em !important; // ! for .code\n        font-weight: 500;\n        line-height: 1.4;\n\n        &.has-info {\n          padding-inline-end: calc(15px + 1em);\n        }\n\n        span.info {\n          position: absolute;\n          margin-inline-start: 5px;\n        }\n      }\n    }\n  }\n\n  tbody {\n    tr {\n      &:not(:first-child) {\n        th,\n        td {\n          border-block-start: 1px solid var(--hairline-color);\n        }\n      }\n\n      td:not(:first-child),\n      th ~ td:not(.hidden) ~ td {\n        border-inline-start: 1px solid var(--hairline-color);\n      }\n\n      th {\n        font-weight: 500;\n\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          border-inline-start: 1px solid #dbdddf;\n        }\n      }\n\n      td {\n        vertical-align: top;\n        background-color: var(--input-bg);\n        padding-block: 4px;\n        padding-inline: 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            text-align: start;\n            white-space: pre-wrap;\n\n            & + textarea {\n              opacity: 0;\n              height: 0;\n              min-height: 0;\n              padding-block: 0;\n            }\n          }\n\n          textarea {\n            resize: none;\n          }\n\n          pre {\n            text-align: start;\n            white-space: pre-wrap;\n          }\n        }\n\n        &.lightswitch-cell {\n          padding-block: 9px;\n\n          .lightswitch {\n            display: block;\n            margin-block: 0;\n            margin-inline: auto;\n          }\n        }\n\n        &.checkbox-cell {\n          padding-block: 10px;\n\n          .checkbox-wrapper {\n            display: block;\n            margin-block: -2px 0;\n            margin-inline: auto;\n            width: 16px;\n            height: 16px;\n          }\n        }\n\n        &.icon-cell {\n          padding-block: 6px;\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            inset-block-start: 0;\n            inset-inline-start: 0;\n            width: 100%;\n            height: 100%;\n            background-color: color.adjust(mixins.$grey050, $alpha: -0.25);\n            user-select: none;\n          }\n        }\n\n        &.action {\n          padding-block: 4px;\n          padding-inline: 7px;\n\n          & + td.action {\n            border-inline-start: none;\n            padding-inline-start: 0;\n          }\n        }\n\n        .flex > * {\n          margin-block-end: 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-block: 7px;\n      padding-inline: 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-block-end: 0;\n      }\n\n      & > .color {\n        position: absolute;\n        inset-block-start: 10px;\n        inset-inline-start: 10px;\n        z-index: 1;\n      }\n\n      .color-hex-indicator {\n        inset-inline-start: 32px;\n      }\n\n      .color-input {\n        padding-inline-start: 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        inset-block-start: 6px;\n        inset-inline-start: 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-block-start-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-block-start: 7px;\n  }\n}\n\n/* ----------------------------------------\n/*  Nav\n/* ---------------------------------------- */\n\nul.tree,\n.tree ul {\n  margin-inline-start: 20px;\n}\n\n.tree li .toggle {\n  margin-inline: -15px 0;\n  margin-block: 7px 0;\n}\n\n/* status indicators */\n.status {\n  flex: 0 0 auto;\n  display: inline-block;\n  position: relative;\n  margin-inline-end: 10px;\n  width: calc(12rem / 16);\n  height: calc(12rem / 16);\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;\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, .live, .active, .enabled, .all) {\n  &:not(.pending, .warning, .off, .suspended, .expired) {\n    &:not(.light, .gray, .red, .orange, .amber, .yellow) {\n      &:not(.lime, .green, .emerald, .teal, .cyan, .sky) {\n        &:not(.blue, .indigo, .violet, .purple, .fuchsia) {\n          &:not(.pink, .rose, .grey, .black, .disabled) {\n            &:not(.inactive) {\n              border-color: var(--ui-control-color);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.status.all {\n  background-image: linear-gradient(60deg, #184cef, #e5422b);\n  background-origin: border-box;\n}\n\n.status.on,\n.status.live,\n.status.active,\n.status.enabled {\n  background-color: var(--enabled-color);\n}\n\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n  background-color: var(--disabled-color);\n}\n\n.status.warning {\n  background-color: var(--warning-color);\n}\n\n.status.orange,\n.bg-orange,\n.status.pending {\n  background-color: var(--pending-color);\n}\n\n.status.amber,\n.bg-amber {\n  background-color: var(--amber-500);\n}\n\n.status.yellow,\n.bg-yellow {\n  background-color: var(--yellow-500);\n}\n\n.status.lime,\n.bg-lime {\n  background-color: var(--lime-500);\n}\n\n.status.green,\n.bg-green {\n  background-color: var(--green-600);\n}\n\n.status.emerald,\n.bg-emerald {\n  background-color: var(--emerald-500);\n}\n\n.status.teal,\n.bg-teal,\n.status.turquoise,\n.bg-turquoise {\n  background-color: var(--enabled-color);\n}\n\n.status.cyan,\n.bg-cyan {\n  background-color: var(--cyan-500);\n}\n\n.status.sky,\n.bg-sky {\n  background-color: var(--sky-500);\n}\n\n.status.blue,\n.bg-blue {\n  background-color: var(--blue-600);\n}\n\n.status.indigo,\n.bg-indigo {\n  background-color: var(--indigo-500);\n}\n\n.status.violet,\n.bg-violet {\n  background-color: var(--violet-500);\n}\n\n.status.purple,\n.bg-purple {\n  background-color: var(--purple-500);\n}\n\n.status.fuchsia,\n.bg-fuchsia {\n  background-color: var(--fuchsia-500);\n}\n\n.status.pink,\n.bg-pink {\n  background-color: var(--pink-500);\n}\n\n.status.rose,\n.bg-rose {\n  background-color: var(--rose-500);\n}\n\n.status.light {\n  background-color: var(--gray-100);\n}\n\n.status.white,\n.bg-white {\n  background-color: var(--white);\n}\n\n.status.black,\n.bg-black {\n  background-color: var(--gray-800);\n}\n\n.status.gray,\n.bg-gray,\n.status.grey,\n.bg-grey {\n  background-color: var(--gray-300);\n}\n\n.status.disabled,\n.status.inactive {\n  --outline-color: var(--gray-500);\n  box-shadow: inset 0 0 0 2px var(--outline-color);\n\n  .sel & {\n    --outline-color: var(--gray-200);\n  }\n}\n\n.status.white {\n  opacity: 1;\n}\n\n$statusLabelColorShade: '900';\n$statusLabelBgShade: '500';\n\n/* status labels */\n.status-label {\n  position: relative;\n  display: inline-flex;\n  align-items: start;\n  justify-content: center;\n  gap: var(--xs);\n  padding-block: var(--xs);\n  padding-inline: var(--xs) var(--s);\n  line-height: 1.1;\n  font-size: calc(11rem / 16);\n  background-color: rgb(from var(--status-label-bg-color) r g b / 15%);\n  border-radius: calc(11rem / 16);\n  font-weight: 500;\n  text-transform: uppercase;\n\n  .status,\n  .cp-icon {\n    position: relative;\n    margin: 0;\n  }\n\n  .status-label-text {\n    color: var(--status-label-text-color);\n  }\n\n  &.red {\n    --status-label-text-color: var(--red-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--disabled-color);\n  }\n\n  &.amber {\n    --status-label-text-color: var(--amber-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--amber-#{$statusLabelBgShade});\n  }\n\n  &.orange {\n    --status-label-text-color: var(--orange-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--pending-color);\n  }\n\n  &.yellow {\n    --status-label-text-color: var(--yellow-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--yellow-#{$statusLabelBgShade});\n  }\n\n  &.lime {\n    --status-label-text-color: var(--lime-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--lime-#{$statusLabelBgShade});\n  }\n\n  &.green {\n    --status-label-text-color: var(--green-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--green-#{$statusLabelBgShade});\n  }\n\n  &.emerald {\n    --status-label-text-color: var(--emerald-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--emerald-#{$statusLabelBgShade});\n  }\n\n  &.teal,\n  &.turquoise {\n    --status-label-text-color: var(--teal-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--enabled-color);\n  }\n\n  &.cyan {\n    --status-label-text-color: var(--cyan-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--cyan-#{$statusLabelBgShade});\n  }\n\n  &.sky {\n    --status-label-text-color: var(--sky-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--sky-#{$statusLabelBgShade});\n  }\n\n  &.blue {\n    --status-label-text-color: var(--blue-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--blue-#{$statusLabelBgShade});\n  }\n\n  &.indigo {\n    --status-label-text-color: var(--indigo-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--indigo-#{$statusLabelBgShade});\n  }\n\n  &.violet {\n    --status-label-text-color: var(--violet-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--violet-#{$statusLabelBgShade});\n  }\n\n  &.purple {\n    --status-label-text-color: var(--purple-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--purple-#{$statusLabelBgShade});\n  }\n\n  &.fuchsia {\n    --status-label-text-color: var(--fuchsia-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--fuchsia-#{$statusLabelBgShade});\n  }\n\n  &.pink {\n    --status-label-text-color: var(--pink-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--pink-#{$statusLabelBgShade});\n  }\n\n  &.rose {\n    --status-label-text-color: var(--rose-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--rose-#{$statusLabelBgShade});\n  }\n\n  &.light {\n    --status-label-text-color: var(--gray-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--gray-#{$statusLabelBgShade});\n  }\n\n  &.gray,\n  &.grey {\n    --status-label-text-color: var(--gray-#{$statusLabelColorShade});\n    --status-label-bg-color: var(--gray-#{$statusLabelBgShade});\n  }\n\n  &.black {\n    --status-label-text-color: var(--black);\n    --status-label-bg-color: var(--gray-1000);\n  }\n}\n\n.card.sel,\nli.sel .card,\ntable.data tbody tr:not(.disabled).sel,\ntable.data tbody tr:not(.disabled).active-drop-target {\n  .status-label.gray {\n    --status-label-bg-color: var(--white);\n\n    &::before {\n      opacity: 0.075;\n    }\n  }\n}\n\n/* colors */\n.icon,\n.cp-icon,\n[data-icon],\n[data-icon-after] {\n  &.warning {\n    --icon-color: var(--warning-color);\n  }\n\n  &.red {\n    --icon-color: var(--disabled-color);\n  }\n\n  &.orange {\n    --icon-color: var(--pending-color);\n  }\n\n  &.amber {\n    --icon-color: var(--amber-500);\n  }\n\n  &.yellow {\n    --icon-color: var(--yellow-500);\n  }\n\n  &.lime {\n    --icon-color: var(--lime-500);\n  }\n\n  &.green {\n    --icon-color: var(--green-500);\n  }\n\n  &.emerald {\n    --icon-color: var(--emerald-500);\n  }\n\n  &.teal {\n    --icon-color: var(--enabled-color);\n  }\n\n  &.cyan {\n    --icon-color: var(--cyan-500);\n  }\n\n  &.sky {\n    --icon-color: var(--sky-500);\n  }\n\n  &.blue {\n    --icon-color: var(--blue-600);\n  }\n\n  &.indigo {\n    --icon-color: var(--indigo-500);\n  }\n\n  &.violet {\n    --icon-color: var(--violet-500);\n  }\n\n  &.purple {\n    --icon-color: var(--purple-500);\n  }\n\n  &.fuchsia {\n    --icon-color: var(--fuchsia-500);\n  }\n\n  &.pink {\n    --icon-color: var(--pink-500);\n  }\n\n  &.rose {\n    --icon-color: var(--rose-500);\n  }\n\n  &.white {\n    --icon-color: var(--white);\n  }\n\n  &.black {\n    --icon-color: var(--gray-800);\n  }\n\n  &.gray {\n    --icon-color: var(--gray-300);\n  }\n}\n\n.warning,\n.red,\n.orange,\n.amber,\n.yellow,\n.lime,\n.green,\n.emerald,\n.teal,\n.cyan,\n.sky,\n.blue,\n.indigo,\n.violet,\n.purple,\n.fuchsia,\n.pink,\n.rose,\n.white,\n.black,\n.gray {\n  &[data-icon]::before,\n  &[data-icon-after]::after {\n    color: var(--icon-color) !important;\n  }\n}\n\n/* ----------------------------------------\n/*  Condition builders\n/* ---------------------------------------- */\n\n.condition-container {\n  margin-block: 24px;\n  margin-inline: 0;\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-block-start-width: 0;\n    border-start-start-radius: 0;\n    border-start-end-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-start-start-radius: var(--large-border-radius);\n    border-start-end-radius: var(--large-border-radius);\n  }\n\n  & + .condition-rule {\n    border-block-start-width: 0;\n  }\n\n  & > .rule-move,\n  & > .rule-actions {\n    margin-block-start: 5px;\n  }\n\n  & > .rule-body {\n    .lightswitch {\n      margin-block-start: 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  inset-inline-start: 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.6777px, var(--gray-700)); // sqrt(25^2 / 2);\n  body.ltr & {\n    animation-name: pendingprogress-ltr;\n  }\n\n  body.rtl & {\n    animation-name: pendingprogress-rtl;\n  }\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\n  to {\n    background-position: 25px;\n  }\n}\n\n@keyframes pendingprogress-rtl {\n  from {\n    background-position: 0;\n  }\n\n  to {\n    background-position: -25px;\n  }\n}\n\n.elementselect .progress-shade {\n  background-color: color.adjust(mixins.$white, $alpha: -0.2);\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 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-block: 7px !important;\n  padding-inline: 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-block: 7px -7px;\n    margin-inline: 0;\n    border-block-start: 1px solid var(--hairline-color);\n    position: relative;\n    padding-inline: 40px 0;\n    padding-block: 10px;\n\n    .icon {\n      width: 32px;\n      height: 32px;\n      position: absolute;\n      inset-block-start: calc(50% - 16px);\n      inset-inline-start: 0;\n\n      img,\n      svg {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    h3 {\n      flex: 1;\n      margin-block: 8px !important;\n      margin-inline: 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 mixins.pane;\n  position: relative;\n  margin-block: 14px;\n  margin-inline: 0;\n  padding: var(--pane-padding);\n  border: var(--pane-border);\n  border-radius: var(--pane-border-radius);\n  word-wrap: break-word;\n  box-sizing: border-box;\n\n  &.secondary {\n    border: var(--secondary-pane-border);\n    border-radius: var(--secondary-pane-border-radius);\n    background: var(--secondary-pane-bg);\n    box-shadow: var(--secondary-pane-shadow);\n  }\n\n  .pane &,\n  .slideout &,\n  #content &,\n  .lp-content & {\n    border: 1px solid var(--hairline-color);\n    background: var(--secondary-pane-bg);\n    box-shadow: none;\n  }\n\n  &.dashed {\n    background-color: transparent !important;\n    box-shadow: none;\n    border: 1px dashed var(--medium-hairline-color) !important;\n  }\n\n  &.hairline,\n  &:is(fieldset) {\n    background-color: transparent !important;\n    box-shadow: none;\n    border: 1px solid #{color.adjust(mixins.$inputColor, $alpha: -0.75)} !important;\n  }\n\n  &.no-border {\n    border: none !important;\n  }\n\n  &.padding-xs {\n    --pane-padding: var(--xs);\n  }\n\n  &.padding-s {\n    --pane-padding: var(--s);\n  }\n\n  &.padding-m {\n    --pane-padding: var(--m);\n  }\n\n  &.padding-l {\n    --pane-padding: var(--l);\n  }\n\n  &.loading {\n    min-height: 200px;\n\n    &::after {\n      display: block;\n      content: '';\n      font-size: 0;\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: -24px;\n      width: calc(100% + #{24 + 24}px);\n      height: 100%;\n    }\n  }\n\n  &:is(fieldset) > legend {\n    font-weight: 600;\n    color: var(--light-text-color);\n  }\n\n  hr {\n    margin-block: var(--pane-padding);\n    margin-inline: calc(var(--pane-padding) * -1);\n  }\n}\n\n.pane-header {\n  margin-block: var(--neg-padding) var(--padding);\n  margin-inline: var(--neg-padding);\n  padding-block: 5px 6px;\n  padding-inline: var(--padding);\n  min-height: 45px;\n  box-sizing: border-box;\n  box-shadow: inset 0 -1px 0 0 color.adjust(mixins.$grey300, $alpha: -0.75);\n  border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n  background-color: var(--gray-050);\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-block: -5px -6px;\n  margin-inline: 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          rgb(0 0 0 / 0%),\n          rgb(0 0 0 / 100%) 24px\n        );\n      }\n\n      body.rtl & {\n        mask-image: linear-gradient(\n          to right,\n          rgb(0 0 0 / 0%),\n          rgb(0 0 0 / 100%) 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-block: 0;\n        padding-inline: var(--padding);\n        white-space: nowrap;\n        height: 45px;\n      }\n\n      &:hover {\n        text-decoration: none;\n      }\n\n      &:focus-visible {\n        .tab-label {\n          box-shadow: var(--inner-focus-ring);\n        }\n      }\n\n      &:not(.sel) {\n        color: var(--custom-text-color, var(--tab-label-color));\n\n        &:hover {\n          backdrop-filter: brightness(95%);\n        }\n      }\n\n      &.sel {\n        --highlight-color: var(--gray-500);\n        --tab-label-color: var(--text-color);\n        position: relative;\n        z-index: 1;\n        cursor: default;\n        box-shadow:\n          inset 0 2px 0 var(--custom-text-color, var(--highlight-color)),\n          0 0 0 1px mixins.$hairlineColor,\n          0 2px 12px var(--custom-sel-tab-shadow-color, var(--gray-200));\n        color: var(--tab-label-color);\n        background-color: var(--white) !important;\n      }\n\n      span[data-icon] {\n        margin-inline-start: 4px;\n      }\n    }\n  }\n\n  &#tabs:first-child {\n    [role='tablist'] {\n      [role='tab'] {\n        &:first-child {\n          &,\n          .tab-label {\n            border-start-start-radius: var(--large-border-radius);\n          }\n        }\n      }\n    }\n  }\n\n  .menubtn {\n    margin-block: 0;\n    margin-inline: var(--xl);\n\n    &.error {\n      span[data-icon] {\n        margin-inline-end: 2px;\n      }\n    }\n  }\n}\n\n/* detail sidebars */\n.details {\n  --spacing: var(--l);\n  padding-block: 0 var(--spacing);\n  padding-inline: var(--padding);\n\n  .meta,\n  .field,\n  hr {\n    margin-inline: var(--neg-padding);\n  }\n\n  .meta {\n    margin-block-end: 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        min-height: auto;\n\n        & > .heading,\n        & > .value {\n          padding-block: 6px;\n        }\n\n        &:first-child {\n          & > .heading,\n          & > .value {\n            padding-block-start: 0;\n          }\n        }\n\n        &:last-child {\n          & > .heading,\n          & > .value {\n            padding-block-end: 0;\n          }\n        }\n      }\n    }\n\n    &.warning {\n      padding-block: var(--m);\n      color: var(--text-color) !important;\n      background-color: var(--yellow-050) !important;\n      box-shadow:\n        0 0 0 1px var(--yellow-300),\n        0 2px 12px color.adjust(mixins.$grey200, $alpha: -0.5);\n\n      p {\n        margin-block-end: 5px;\n      }\n\n      .btn {\n        background-color: var(--yellow-300);\n\n        &:hover,\n        &:focus {\n          background-color: color.adjust(mixins.$yellow300, $lightness: -10%);\n        }\n\n        &:active,\n        &[aria-expanded='true'] {\n          background-color: color.adjust(mixins.$yellow300, $lightness: -15%);\n        }\n      }\n    }\n\n    & > .field,\n    & > .data {\n      margin-block: 0 !important;\n      margin-inline: var(--neg-padding) !important;\n\n      & > .heading > label,\n      & > .heading {\n        color: var(--gray-600);\n      }\n    }\n\n    & > .field > .status-badge {\n      inset-inline-start: 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      margin-inline: -8px 0;\n      margin-block: 0;\n    }\n  }\n\n  hr {\n    margin-block: var(--spacing);\n    margin-inline: 0;\n    border-block-start-color: var(--hairline-color);\n  }\n\n  @include mixins.placeholder-styles(var(--gray-500));\n\n  .text {\n    background-color: transparent !important;\n    resize: none;\n  }\n\n  .data {\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n  }\n\n  & > .field .heading,\n  & > fieldset > legend {\n    margin-block: 0 var(--s);\n    margin-inline: 0;\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-block: 0 var(--spacing);\n    margin-inline: 0;\n\n    & > .heading {\n      margin-block-start: 0;\n    }\n\n    & > .input > .text.fullwidth {\n      margin-block: 0;\n      margin-inline: var(--neg-padding);\n      padding-inline: var(--m);\n      border: none;\n      background-color: var(--gray-050) !important;\n      width: calc(100% + var(--padding) + var(--padding));\n    }\n  }\n\n  /*\n  When there's no .meta container (which can occur when editing a matrix block)\n  make sure the sidebar aligns with the top of the content area.\n   */\n  & > fieldset:not(:first-child) {\n    margin-block: var(--spacing) !important;\n    margin-inline: 0 !important;\n  }\n\n  & > .text {\n    border-radius: var(--large-border-radius);\n    margin-block-end: var(--spacing);\n\n    &:not(:focus) {\n      border-color: color.adjust(mixins.$inputColor, $alpha: -0.6);\n    }\n  }\n}\n\n/* meta panes */\n$min2ColWidth: 400px;\n\n.meta {\n  padding-block: 0;\n  padding-inline: var(--padding);\n  overflow: visible;\n\n  --heading-width: 150px;\n\n  #details & {\n    --heading-width: 132px;\n  }\n\n  &,\n  & > .flex-fields {\n    & > .field,\n    & > .data {\n      display: flex;\n      min-height: 44px;\n      box-sizing: border-box;\n      flex-wrap: wrap; // for error lists\n      justify-content: space-between;\n      align-items: stretch;\n      margin-block: 0 !important;\n      margin-inline: var(--neg-padding) !important;\n      padding-block: 0;\n      transition:\n        padding-inline-start linear 100ms,\n        padding-inline-end linear 100ms;\n\n      &.nested {\n        padding-inline-start: 38px;\n\n        & > .heading {\n          padding-inline-start: 10px;\n        }\n      }\n\n      &.add {\n        background-color: color.adjust(mixins.$grey050, $lightness: -2%);\n\n        &::before {\n          position: absolute;\n          inset-block-start: var(--m);\n          inset-inline-start: 0;\n          width: 48px;\n          text-align: end;\n          @include mixins.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 var(--heading-width);\n          line-height: 18px;\n        }\n      }\n\n      #details &.lightswitch-field > .heading {\n        flex: 1;\n        border-inline-end: none;\n      }\n\n      & > .input {\n        display: flex;\n        align-items: center;\n\n        .flex {\n          flex-wrap: nowrap;\n\n          & > * {\n            margin-block-end: 0;\n          }\n        }\n      }\n    }\n\n    & > .field > .heading {\n      @media screen and (width < $min2ColWidth) {\n        padding-block-start: var(--xs);\n        padding-inline: 10px;\n      }\n\n      @media screen and (min-width: $min2ColWidth) {\n        padding-block: 12px;\n        padding-inline: var(--m) var(--s);\n        border-inline-end: 1px solid var(--hairline-color);\n      }\n\n      & > .copytextbtn {\n        display: none;\n      }\n    }\n\n    & > .data > .heading {\n      padding-block: var(--s);\n      padding-inline: var(--m) 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-block: var(--s);\n      width: 100%;\n\n      @media screen and (width < $min2ColWidth) {\n        padding-inline: 10px;\n      }\n\n      @media screen and (min-width: $min2ColWidth) {\n        width: calc(100% - var(--heading-width));\n        padding-inline: var(--s) var(--m);\n      }\n\n      // Fixes https://github.com/craftcms/cms/issues/16473\n      // h/t https://stackoverflow.com/a/66689926/1688568\n      > * {\n        min-width: 0;\n      }\n    }\n\n    & > .data > .value {\n      display: flex;\n      align-items: center;\n      width: calc(100% - (var(--heading-width) + 6px));\n\n      & > [data-icon='draft'] {\n        margin-block-start: -2px;\n        margin-inline-end: 8px;\n      }\n    }\n\n    & > .field.lightswitch-field > .input {\n      padding-inline: 10px;\n\n      #details & {\n        flex: 0;\n        width: auto;\n      }\n    }\n\n    & > .field {\n      &.has-errors {\n        border: 1px solid var(--error-color) !important;\n\n        &:first-child {\n          border-start-start-radius: var(--large-border-radius);\n          border-start-end-radius: var(--large-border-radius);\n        }\n\n        &:last-child {\n          border-end-start-radius: var(--large-border-radius);\n          border-end-end-radius: var(--large-border-radius);\n        }\n\n        & + .field {\n          border-block-start: 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-block: calc(var(--s) * -1);\n            padding-block: 12px;\n            border-radius: 0;\n            background-color: transparent;\n            border: none !important;\n\n            @media screen and (width < $min2ColWidth) {\n              margin-inline: -10px;\n              padding-inline: 10px;\n            }\n\n            @media screen and (min-width: $min2ColWidth) {\n              margin-inline: calc(var(--s) * -1) 0;\n              padding-inline-start: var(--s);\n            }\n\n            &:placeholder-shown + div[data-icon] {\n              inset-inline-start: 1px;\n            }\n          }\n        }\n\n        & > .datetimewrapper {\n          width: calc(100% - 3px);\n        }\n\n        & > .datewrapper,\n        & > .timewrapper,\n        & > .datetimewrapper > .datewrapper,\n        & > .datetimewrapper > .timewrapper {\n          background-color: transparent;\n        }\n\n        & > .datetimewrapper {\n          gap: 0;\n\n          & > .datewrapper {\n            width: 55%;\n          }\n\n          & > .timewrapper {\n            width: 45%;\n          }\n        }\n\n        & > .datewrapper,\n        & > .timewrapper {\n          display: block;\n          width: 100%;\n        }\n      }\n\n      & > ul.errors {\n        margin: 0;\n        padding-block: 0 6px;\n        padding-inline: 10px;\n        width: 100%;\n        list-style-type: none;\n\n        @media screen and (min-width: $min2ColWidth) {\n          padding-inline: var(--m);\n        }\n      }\n\n      & > .clear-btn {\n        margin-inline-end: var(--neg-padding);\n      }\n    }\n  }\n\n  & > .field:not(:first-child, .first-child),\n  & > .flex-fields + .field:not(.first-child) {\n    border-block-start: 1px solid var(--hairline-color);\n  }\n\n  & > .flex-fields {\n    h2,\n    blockquote.note {\n      margin-block: 0 !important;\n      margin-inline: -24px !important;\n      padding-block: 14px;\n      padding-inline: 24px;\n      background-color: color.adjust(mixins.$grey050, $lightness: -2%);\n    }\n\n    blockquote.note {\n      border-radius: 0;\n      border: none;\n    }\n\n    hr {\n      margin-block: 0;\n      margin-inline: -24px;\n    }\n  }\n}\n\n.meta > .field > .input > .select {\n  display: block;\n  margin-block: calc(var(--s) * -1);\n  margin-inline: 0;\n  width: 100%;\n  border-radius: 0;\n  box-shadow: none;\n  background-color: transparent;\n\n  &::after {\n    inset-inline-end: 0;\n  }\n\n  & + .spinner {\n    position: absolute;\n    inset-block-start: calc(50% - 17px);\n    inset-inline-end: -24px;\n  }\n\n  select {\n    padding-inline: 0 12px;\n    padding-block: var(--s);\n    width: 100%;\n    background-color: transparent;\n  }\n}\n\n.meta > .field > .input > .custom-select {\n  display: block;\n  margin-block: calc(var(--s) * -1);\n  margin-inline: 0;\n  width: 100%;\n  border-radius: 0;\n  box-shadow: none;\n  background-color: transparent;\n\n  .menubtn:not(.action-btn) {\n    justify-content: flex-start;\n    width: 100%;\n    background-color: transparent;\n    overflow: hidden;\n\n    // button padding + icon size + inset-inline-end\n    padding-inline-end: calc(var(--button-padding) + calc(7rem / 16) + 11px);\n\n    &::after {\n      position: absolute;\n      inset-block-start: calc(50% - 5px);\n      inset-inline-end: 11px;\n    }\n\n    .inline-flex {\n      overflow: hidden;\n    }\n  }\n\n  .label {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n\n.body {\n  position: relative;\n}\n\n.slideout-container,\n.slideout,\n.modal,\n.hud {\n  z-index: 100;\n  box-sizing: border-box;\n}\n\n.modal,\n.hud {\n  @include mixins.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  inset-block-start: 0;\n  inset-inline-start: 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    inset-block-start: var(--m);\n    inset-inline-start: 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(--modal-bg);\n  box-shadow: var(--modal-shadow) !important;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding-block: 24px;\n  padding-inline: 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    inset-inline-start: 0;\n    transition: inset-block-start linear 250ms;\n    will-change: inset-block-start;\n  }\n\n  &.so-mobile {\n    --padding: var(--m);\n    --neg-padding: calc(var(--m) * -1);\n  }\n\n  &.so-lp {\n    border-radius: var(--large-border-radius);\n  }\n\n  &:not(.so-mobile, .so-lp) {\n    border-start-start-radius: var(--large-border-radius);\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-end-start-radius: var(--large-border-radius);\n  }\n\n  &:not(.so-mobile, .so-lp) {\n    inset-block-start: 0;\n    width: 55%;\n    height: 100%;\n\n    @media screen and (prefers-reduced-motion: no-preference) {\n      transition: inset-inline-start linear 250ms;\n      will-change: inset-inline-start;\n    }\n  }\n\n  & > .pane-header {\n    padding-inline: var(--padding);\n    z-index: 2;\n    border-radius: 0;\n\n    // keep the margin-block-start as it was for wider viewports\n    @media only screen and (width <= 767px) {\n      margin-block: calc(var(--xl) * -1) var(--padding);\n    }\n\n    & > .so-toolbar {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--xs);\n      min-height: calc(44px - 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        margin-inline-end: 0;\n      }\n    }\n  }\n\n  & > .so-body {\n    flex: 1;\n    margin-block: -24px;\n    margin-inline: var(--neg-padding);\n    overflow: hidden auto;\n    position: relative;\n\n    &:not(:last-child) {\n      margin-block-end: 0;\n    }\n\n    & > h1:not(:last-child) {\n      padding-block-end: var(--s);\n      border-block-end: 1px solid var(--hairline-color);\n    }\n\n    &.so-full-details,\n    & > .so-sidebar {\n      background-color: var(--gray-100) !important;\n    }\n\n    &:not(.so-full-details) {\n      padding-block: 24px;\n      padding-inline: var(--padding);\n    }\n\n    & > .so-sidebar,\n    &.so-full-details > .so-content > .details {\n      box-sizing: border-box;\n      padding-block: 0 var(--spacing);\n      padding-inline: var(--padding);\n\n      // set the margin-block-start so the slideout doesn't overlap the toolbar\n      @media only screen and (width <= 767px) {\n        margin-block-start: 16px;\n      }\n\n      & > .preview-thumb-container {\n        margin-block: 0;\n        margin-inline: 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-block: calc(var(--spacing) / 2) var(--spacing);\n          margin-inline: 0;\n        }\n      }\n\n      & > .meta.read-only:first-child {\n        margin-block-start: var(--padding);\n      }\n\n      & > .meta.warning {\n        box-shadow: none;\n        border-block-end: 1px solid var(--yellow-300);\n      }\n\n      & > .field {\n        & > .input > .text.fullwidth {\n          border-radius: 0;\n        }\n      }\n\n      .notes {\n        padding-block: var(--m);\n      }\n    }\n\n    & > .so-sidebar {\n      position: absolute;\n      inset-block-start: 0;\n      @include mixins.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: inset-inline-end linear 250ms;\n      }\n\n      body.rtl & {\n        transition: inset-inline-start linear 250ms;\n      }\n\n      & > fieldset:first-child {\n        margin-block-start: 24px !important;\n      }\n    }\n  }\n\n  & > .so-footer {\n    position: relative;\n    display: flex;\n    gap: var(--s);\n    justify-content: space-between;\n    flex-wrap: wrap;\n    margin-block: 0 -24px;\n    margin-inline: var(--neg-padding);\n    padding-block: 5px;\n    padding-inline: var(--padding);\n    border-block-start: var(--slideout-footer-border);\n    background: var(--slideout-footer-bg);\n    box-shadow: var(--slideout-footer-shadow);\n    z-index: 3;\n\n    & > .so-notice {\n      display: flex;\n      align-items: center;\n    }\n\n    & > .so-extra {\n      flex: 0 0 100%;\n      margin-block: 0;\n      margin-inline: var(--neg-padding);\n      padding-block: 0 8px;\n      padding-inline: var(--padding);\n      border-block-end: 1px solid var(--hairline-color);\n    }\n  }\n}\n\n@container (width > 700px) {\n  .slideout {\n    &.showing-sidebar {\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          border-inline-end: 1px solid var(--gray-200);\n          overflow: hidden auto;\n        }\n\n        & > .so-sidebar {\n          position: relative;\n          display: block !important;\n          inset-block-start: auto;\n          inset-inline: auto !important;\n          height: 100%;\n          box-shadow: none;\n        }\n      }\n    }\n\n    & > .so-footer {\n      & > .so-extra {\n        margin: 0;\n        padding: 0;\n        border: none;\n        flex: auto 0 1;\n      }\n    }\n  }\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.header,\n.hud-header,\n.footer,\n.hud-footer {\n  background-color: var(--gray-100);\n}\n\n.header,\n.hud-header {\n  border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n  padding: 24px;\n  box-shadow: inset 0 -1px 0 var(--hairline-color);\n\n  h1 {\n    margin: 0;\n  }\n\n  &::after {\n    @include mixins.clearafter;\n  }\n}\n\n.footer,\n.hud-footer {\n  border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);\n  padding-block: 5px;\n  padding-inline: var(--pane-padding, var(--xl));\n  box-shadow: inset 0 1px 0 var(--hairline-color);\n\n  &.flex {\n    & > * {\n      margin-block-end: 0;\n    }\n  }\n}\n\n.modal .body,\n.hud .main {\n  padding: var(--modal-padding);\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.pane,\n.modal .body {\n  .header {\n    margin-block: calc(var(--pane-padding, 24px) * -1) var(--pane-padding, 24px);\n    margin-inline: calc(var(--pane-padding, 24px) * -1);\n  }\n\n  .footer {\n    margin-block: var(--pane-padding, 24px) calc(var(--pane-padding, 24px) * -1);\n    margin-inline: calc(var(--pane-padding, 24px) * -1);\n  }\n}\n\n.slideout-shade,\n.modal-shade,\n.hud-shade {\n  z-index: 100;\n  position: fixed;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: 100%;\n\n  &:not(.visible) {\n    display: none;\n  }\n}\n\n.slideout-shade,\n.modal-shade {\n  background: var(--shade-bg);\n\n  &.blurred {\n    backdrop-filter: blur(10px);\n  }\n}\n\n.modal {\n  position: fixed;\n  overflow: hidden;\n\n  &:not(.fitted, .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    padding-inline-start: 76px;\n\n    &::before {\n      @include mixins.icon;\n      margin-inline: -58px 0;\n      margin-block: -6px 0;\n      float: inline-start;\n      content: 'alert';\n      font-size: 40px;\n      color: var(--light-text-color);\n    }\n  }\n\n  &.secure .body {\n    padding-inline-start: 76px;\n\n    &::before {\n      @include mixins.icon;\n      margin-inline: -56px 0;\n      margin-block: -14px 0;\n      float: inline-start;\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    inset-block-end: 0;\n    inset-inline-end: 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  inset-block-start: 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    inset-inline-start: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url('../images/hudtip_left.png');\n  }\n\n  .tip-top {\n    inset-block-start: -15px;\n    width: 30px;\n    height: 15px;\n    background-image: url('../images/hudtip_top.png');\n  }\n\n  .tip-right {\n    inset-inline-end: -15px;\n    width: 15px;\n    height: 30px;\n    background-image: url('../images/hudtip_right.png');\n  }\n\n  .tip-bottom {\n    inset-block-end: -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-block: var(--s);\n  padding-inline: var(--xl);\n}\n\n.hud .body {\n  overflow: hidden;\n\n  ::-webkit-scrollbar {\n    appearance: none;\n  }\n\n  ::-webkit-scrollbar:vertical {\n    width: 11px;\n  }\n\n  ::-webkit-scrollbar:horizontal {\n    height: 11px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 8px;\n    border: 2px solid transparent;\n    background-color: color.adjust(mixins.$black, $alpha: -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  justify-content: center;\n  height: 190px;\n  background-color: var(--gray-900);\n  margin-block: 0 var(--spacing);\n  margin-inline: var(--neg-padding);\n\n  &.checkered img {\n    background-color: var(--white);\n    @include mixins.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      inset-inline-start: 0;\n      inset-block-start: 0;\n      background-color: color.adjust(mixins.$grey900, $alpha: -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-block: calc((var(--spacing) / 2) * -1) var(--spacing);\n    margin-inline: var(--neg-padding);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.button-fade {\n  .buttons {\n    opacity: 0;\n    position: absolute;\n    inset-block-start: 10px;\n    inset-inline-end: 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 mixins.light-on-dark-text;\n      @include mixins.two-color-focus-ring($light-button: false);\n\n      &:hover {\n        background-color: var(--interaction-background-color) !important;\n      }\n\n      &:not(.disabled, .loading, .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-block-end: 44px;\n  user-select: none;\n\n  & > .header {\n    padding-block: 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      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      margin-block: -24px 0;\n      margin-inline: -24px 0;\n    }\n\n    .content {\n      height: calc(100% + 48px);\n\n      .sidebar {\n        position: absolute;\n        inset-block-start: 0;\n        margin-inline-start: -249px;\n        height: 100%;\n        overflow: auto;\n        padding-block: var(--content-padding);\n        padding-inline: 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            .update-spinner {\n              z-index: 101;\n            }\n          }\n\n          .header {\n            margin-block: 0 var(--m);\n            margin-inline: 0;\n          }\n\n          .tableview table {\n            tr {\n              th,\n              td {\n                cursor: default;\n              }\n\n              // prevent double focus ring (the row already gets it)\n              .checkbox::before {\n                box-shadow: none !important;\n              }\n            }\n          }\n\n          .structure .row {\n            margin-block-start: 1px;\n          }\n        }\n      }\n    }\n  }\n\n  .footer {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    margin: 0;\n    box-sizing: border-box;\n\n    .spinner {\n      float: inline-end;\n      margin-inline-end: -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-block-end: var(--s);\n  }\n\n  .main-heading {\n    margin-block-end: 0;\n  }\n\n  .nav-toggle {\n    margin-inline-start: 4px;\n    @include mixins.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-block: 0;\n    padding-inline: var(--s);\n    margin-block-end: var(--s);\n  }\n\n  .nav-close {\n    @include mixins.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      inset-block-start: 0;\n      inset-inline-end: -24px;\n    }\n  }\n}\n\n/* recent activity container */\n.activity-container {\n  margin-inline: var(--s);\n\n  ul {\n    display: flex;\n    flex-flow: row 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 color.adjust(mixins.$grey900, $alpha: -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        margin-inline-end: -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-block: var(--s);\n  }\n\n  .table-columns-field .heading {\n    align-items: flex-start;\n  }\n\n  .menu-footer {\n    margin: 0 !important;\n    padding-block: var(--s) !important;\n    padding-inline: var(--xl) !important;\n    background-color: var(--gray-050);\n  }\n}\n\n.element-index-view-menu-table-column {\n  display: flex;\n  align-items: flex-start;\n  align-content: stretch;\n  margin-block-end: 4px;\n\n  .icon.move {\n    margin-inline-end: 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 (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: 44px;\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 (width >= 1024px) {\n  .address-cards {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (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 (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-block: 0.125rem;\n  padding-inline: 0.5rem;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  text-transform: uppercase;\n  font-weight: 500;\n  margin-block-end: 0.75rem;\n  margin-inline-end: 0.5rem;\n}\n\n/* logout warning/login/elevated session modals */\n.logoutwarningmodalshade,\n.login-modal-shade,\n#logoutwarningmodal,\n.login-modal,\n#elevatedsessionmodal,\n.prompt {\n  z-index: 1001;\n}\n\n#logoutwarningmodal,\n#elevatedsessionmodal,\n.prompt {\n  width: 500px;\n}\n\n.prompt {\n  height: auto;\n  min-height: auto;\n}\n\n.cpmodal {\n  & > .cpmodal-body {\n    padding: var(--padding);\n  }\n\n  & > .cpmodal-footer {\n    position: relative;\n    display: flex;\n    gap: 8px;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    @include mixins.pane;\n    padding-block: var(--s);\n    padding-inline: var(--padding);\n    background-color: var(--gray-050);\n  }\n}\n\n/* delete user modal */\n.deleteusermodal {\n  .content-summary {\n    margin-block: -24px 24px;\n    margin-inline: -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    margin-inline-start: 10px;\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .buttons {\n    .spinner {\n      margin-inline-end: -20px;\n    }\n  }\n\n  div.elements {\n    list-style: none;\n  }\n}\n\n.dropdownsettingsmodal {\n  width: auto;\n  height: auto;\n  min-width: 0;\n  min-height: 0;\n  max-width: 400px;\n\n  .body {\n    max-height: 100%;\n    overflow-y: auto;\n  }\n}\n\n.previewmodal {\n  &.zilch {\n    padding-block: 100px;\n    padding-inline: 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  &:focus-visible {\n    box-shadow: none;\n    color: var(--white);\n    background-color: var(--gray-800);\n  }\n}\n\n.video-transcript__inner {\n  margin-inline: 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 mixins.menu-styles;\n}\n\n.ui-datepicker,\n.ui-timepicker-list {\n  padding: 0;\n}\n\n.menu {\n  display: none;\n  position: absolute;\n\n  &.padded {\n    padding-block: var(--s);\n    padding-inline: calc(var(--m) + var(--s));\n\n    hr {\n      margin-block: var(--s);\n      margin-inline: calc((var(--m) + var(--s)) * -1);\n    }\n\n    ul {\n      li {\n        margin-block: 0;\n        margin-inline: calc(var(--m) * -1);\n        padding-block: 0;\n        padding-inline: var(--m);\n\n        a {\n          border-radius: var(--large-border-radius);\n        }\n      }\n    }\n\n    .extralight {\n      margin-block-start: 2px;\n    }\n  }\n\n  h6,\n  .h6 {\n    &:first-child {\n      margin-block-start: 14px !important;\n    }\n  }\n\n  ul {\n    &.padded {\n      li {\n        a,\n        .menu-item,\n        .menu-option {\n          padding-inline-start: calc(var(--m) + 18rem / 16);\n\n          &.sel {\n            &:not([data-icon])::before {\n              float: inline-start;\n              margin-inline: calc(-18rem / 16 - 4px) 0;\n              margin-block: 4px 0;\n              font-size: 14px;\n              width: 14px;\n              content: 'check';\n              color: currentcolor;\n              margin-block-start: 3px !important;\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      a,\n      .menu-item,\n      .menu-option {\n        margin-block: 0;\n        margin-inline: -14px;\n        padding-block: 10px;\n        padding-inline: 14px;\n        white-space: nowrap;\n        font-size: 14px;\n        appearance: none;\n\n        &:not(:last-child) {\n          margin-inline-end: 0;\n        }\n\n        &:not(.flex, .hidden) {\n          display: block;\n          width: calc(100% + 28px);\n          text-align: start;\n        }\n\n        &.flex {\n          [data-icon] {\n            margin-block-start: -2px;\n          }\n        }\n\n        &.sel {\n          cursor: default;\n        }\n\n        .shortcut {\n          float: inline-end;\n          margin-inline-start: 14px;\n          padding-block: 0;\n          padding-inline: 4px;\n          border-radius: var(--medium-border-radius);\n          box-shadow:\n            0 0 0 1px color.adjust(mixins.$grey600, $alpha: -0.75),\n            0 1px 3px -1px color.adjust(mixins.$grey600, $alpha: -0.5);\n        }\n      }\n    }\n  }\n\n  & > .flex {\n    margin-block: 10px;\n    position: relative;\n\n    &.padded {\n      margin-inline-start: -14px;\n      padding-inline-start: 24px;\n\n      &.sel {\n        &::before {\n          position: absolute;\n          inset-block-start: 36px;\n          inset-inline-start: 7px;\n          content: 'check';\n          font-size: 14px;\n          color: var(--light-text-color);\n        }\n      }\n    }\n  }\n\n  hr {\n    margin-block: 5px;\n    margin-inline: -14px;\n  }\n\n  .go::after {\n    color: inherit;\n  }\n\n  &:not(.menu--disclosure) ul li a,\n  ul li .menu-item,\n  ul li .menu-option {\n    color: mixins.$menuOptionColor;\n    text-decoration: none;\n    cursor: default;\n  }\n}\n\n.menu li {\n  & > a,\n  & > button,\n  & > .menu-item {\n    &[data-icon]::before,\n    [data-icon]::before,\n    span.icon:not([data-icon]) {\n      display: inline-block;\n      width: calc(14rem / 16);\n      height: calc(14rem / 16);\n      margin-inline: -1px 9px;\n    }\n\n    &[data-icon]::before,\n    [data-icon]::before {\n      position: relative;\n      inset-block-start: -2px;\n      text-align: center;\n      font-size: 14px;\n      color: currentcolor;\n    }\n\n    span.icon:not([data-icon]) svg {\n      display: block;\n      position: relative;\n      inset-block-start: 1px;\n      width: 100%;\n      height: 100%;\n      @include mixins.svg-mask(var(--icon-color, var(--ui-control-color)));\n    }\n\n    &.error {\n      &[data-icon]::before,\n      [data-icon]::before {\n        color: var(--error-color);\n      }\n\n      span.icon:not([data-icon]) svg {\n        @include mixins.svg-mask(var(--error-color));\n      }\n    }\n  }\n}\n\n/* prettier-ignore */\n.menu:not(.menu--disclosure) ul li a:not(.disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-item:not(.sel, .disabled):hover,\n.menu:not(.menu--disclosure) ul li .menu-option:not(.sel, .disabled):hover,\n.menu:not(.menu--disclosure, :hover) ul li a:not(.disabled).hover,\n.menu:not(.menu--disclosure, :hover) ul li .menu-item:not(.sel, .disabled).hover,\n.menu:not(.menu--disclosure, :hover) ul li .menu-option:not(.sel, .disabled).hover {\n  @include mixins.menu-item-active-styles;\n\n  // Pretty gnarly, but needs to override the default hover styles with this selector\n  .status:not(.on, .live, .active, .enabled, .all) {\n    &:not(.pending, .warning, .off, .suspended, .expired) {\n      &:not(.light, .gray, .red, .orange, .amber, .yellow) {\n        &:not(.lime, .green, .emerald, .teal, .cyan, .sky) {\n          &:not(.blue, .indigo, .violet, .purple, .fuchsia) {\n            &:not(.pink, .rose, .grey, .black, .disabled) {\n              &:not(.inactive) {\n                border-color: currentcolor;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.menu {\n  hr.padded,\n  .h6.padded,\n  h6.padded {\n    margin-inline-start: 20px;\n  }\n}\n\n.menu--disclosure {\n  & > .search-container {\n    margin-inline: calc(var(--m) * -1);\n    padding: var(--m);\n    border-block-end: 1px solid var(--hairline-color);\n  }\n\n  ul li {\n    &.filtered {\n      display: none;\n    }\n\n    & > a:not(.crumb-link),\n    & > .menu-item,\n    & > .menu-option {\n      --focus-ring: var(--inner-focus-ring);\n\n      &:hover {\n        @include mixins.disclosure-link-hover-styles;\n      }\n    }\n  }\n}\n\n/* tag select fields */\n.tagselect {\n  .elements {\n    li {\n      display: inline;\n    }\n  }\n\n  .chip.small {\n    clear: none;\n    margin-inline-end: 7px;\n  }\n\n  .tagselect__input-wrapper {\n    position: relative;\n    z-index: 1;\n    margin-inline: 0 7px;\n    margin-block: 7px 0;\n    display: inline-block;\n    width: 12em;\n\n    .text {\n      padding-inline-end: 30px;\n    }\n\n    .spinner {\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-end: 5px;\n    }\n  }\n}\n\n.tagmenu {\n  ul {\n    li {\n      a {\n        padding-inline-start: 26px;\n\n        &::before {\n          float: inline-start;\n          margin-inline: -18px 0;\n          margin-block: 3px 0;\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 mixins.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-start-start-radius: var(--medium-border-radius);\n        }\n      }\n\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled::after {\n          border-start-end-radius: var(--medium-border-radius);\n        }\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-end-start-radius: calc(var(--large-border-radius) - 1px);\n        }\n      }\n\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled::after {\n          border-end-end-radius: calc(var(--large-border-radius) - 1px);\n        }\n      }\n    }\n  }\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input,\n.multiselect > select,\n.CodeMirror {\n  @include mixins.input-styles;\n}\n\n.text,\n.passwordwrapper,\n.border-box,\n.selectize.multiselect .selectize-input {\n  &.focus {\n    @include mixins.input-focused-styles;\n  }\n\n  &:focus-visible {\n    @include mixins.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 mixins.clearafter;\n  }\n\n  &:first-child .text {\n    &:first-child {\n      border-start-start-radius: var(--medium-border-radius);\n    }\n\n    &:last-child {\n      border-start-end-radius: var(--medium-border-radius);\n    }\n  }\n\n  &:last-child .text {\n    &:first-child {\n      border-end-start-radius: var(--medium-border-radius);\n    }\n\n    &:last-child {\n      border-end-end-radius: var(--medium-border-radius);\n    }\n  }\n\n  &:not(:first-child) .text {\n    margin-block-start: -1px;\n  }\n\n  .text {\n    border-radius: 0;\n    float: inline-start;\n    box-sizing: border-box;\n\n    &:not(:first-child) {\n      margin-inline-start: -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.CodeMirror {\n  height: auto !important;\n  min-height: 70px;\n\n  &.CodeMirror-focused {\n    @include mixins.input-focused-styles;\n  }\n\n  &.cm-s-readonly {\n    &,\n    * {\n      cursor: not-allowed;\n    }\n  }\n}\n\n.link-input {\n  container-type: inline-size;\n\n  & > .flex {\n    & > .flex-grow {\n      overflow: hidden;\n    }\n\n    & > div {\n      &.text-link {\n        border: var(--input-border);\n        border-radius: var(--large-border-radius);\n        background-color: var(--input-bg);\n        cursor: text;\n\n        &:has(.text:focus) {\n          box-shadow: var(--focus-ring);\n        }\n\n        & > .text,\n        & > .chip {\n          margin-block: -1px;\n          background-color: transparent;\n        }\n\n        & > .text {\n          border: none;\n          margin-inline: -1px;\n\n          &:focus {\n            position: relative;\n          }\n\n          &:focus {\n            box-shadow: none !important;\n          }\n        }\n\n        .chip {\n          min-height: calc(34rem / 16);\n          padding-inline: var(--s);\n\n          .chip-content {\n            a {\n              word-break: break-word;\n            }\n          }\n        }\n      }\n    }\n\n    @container (max-width: calc(399rem/16)) {\n      & {\n        flex-direction: column;\n        align-items: stretch;\n\n        & > .select,\n        & > .select select,\n        & > div[data-link-type] .text,\n        & > div[data-link-type] .chip {\n          display: flex;\n          width: 100%;\n        }\n\n        & > div[data-link-type] ul.elements {\n          align-items: stretch;\n        }\n      }\n    }\n  }\n}\n\n.chars-left {\n  position: relative;\n  float: inline-end;\n  margin-inline: 7px;\n  margin-block: calc(-27rem / 16) 0;\n  color: var(--light-text-color);\n\n  .input.ltr > & {\n    float: inline-end;\n  }\n\n  .input.rtl > & {\n    float: inline-start;\n  }\n\n  &.negative-chars-left {\n    color: var(--error-color);\n  }\n}\n\n.field,\nfieldset {\n  position: relative;\n  margin-block: 24px;\n  margin-inline: 0;\n\n  .flex > & {\n    margin-block: 0;\n  }\n}\n\n.status-badge {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  width: 2px;\n  height: 100%;\n  content: '';\n  cursor: help;\n  z-index: 1;\n\n  &.modified {\n    background-color: var(--blue-600);\n    box-shadow: 0 0 5px hsl(221deg 83% 53% / 15%);\n  }\n\n  &.outdated {\n    background-color: var(--pending-color);\n    box-shadow: 0 0 5px hsl(27deg 96% 61% / 15%);\n  }\n}\n\n.field {\n  min-inline-size: initial;\n\n  & > .status-badge {\n    border-radius: 1px;\n  }\n\n  & > .heading {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n    align-items: center;\n    position: relative;\n    margin-block: -5px 5px;\n    min-height: calc(22rem / 16);\n\n    & > label,\n    & > legend {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 5px;\n      align-items: center;\n      font-weight: bold;\n\n      code {\n        font-size: 1em !important;\n      }\n\n      .info {\n        margin-inline-start: 5px;\n      }\n    }\n\n    .required::after {\n      margin-inline-start: 0;\n    }\n\n    .t9n-indicator {\n      position: relative;\n      inset-block-start: calc(-1rem / 16);\n      margin-inline: 2px;\n      color: var(--light-text-color);\n\n      &.copyable {\n        cursor: pointer;\n      }\n    }\n\n    & + .instructions {\n      margin-block-start: -3px;\n    }\n\n    // BC\n    & > .instructions {\n      width: 100%;\n    }\n  }\n\n  & > .instructions {\n    margin-block-end: 5px;\n  }\n\n  & > .input {\n    position: relative;\n\n    & + .instructions {\n      margin-block: 5px 0;\n      margin-inline: 0;\n    }\n\n    input:disabled,\n    textarea:disabled,\n    select:disabled,\n    button:disabled {\n      cursor: not-allowed;\n    }\n  }\n\n  & > .notice,\n  & > .warning {\n    margin-block: 5px 0;\n    margin-inline: 0;\n  }\n\n  /* radio and checkbox */\n  .custom-option-wrapper {\n    display: inline-block;\n  }\n\n  .custom-option-input {\n    margin-inline-start: var(--xs);\n  }\n}\n\n.field > .instructions,\n.markdown,\n  // BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n  img,\n  video,\n  embed,\n  iframe {\n    max-width: 100% !important;\n  }\n\n  ul,\n  ol {\n    margin-block: 1em;\n    margin-inline: 0;\n    padding-inline-start: 2em;\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-block-start: 0.25em;\n  }\n}\n\n.field > .instructions,\n  // BC\n.field > .heading > .instructions,\n.checkboxfield .instructions {\n  color: var(--custom-text-color, var(--medium-text-color));\n}\n\n// Special adjustments for content formatted via Markdown\n.markdown {\n  color: var(--custom-text-color, var(--text-color));\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-block-end: 0.3em;\n  }\n\n  p {\n    margin-block: 0.25em;\n  }\n}\n\n.cross-site-copy-modal {\n  max-width: 380px;\n}\n\n.expand-status-btn {\n  margin-inline-start: 5px;\n  width: calc(30rem / 16);\n  height: calc(17rem / 16);\n  min-height: auto;\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-block: 24px 0;\n  padding-inline: 24px;\n\n  &.hidden {\n    display: block;\n    height: 0;\n  }\n\n  & > .field:last-child {\n    padding-block-end: 24px;\n  }\n}\n\n/* checkbox */\n.checkbox-group {\n  display: flex;\n  flex-direction: column;\n  gap: calc(5rem / 16);\n\n  .btn.add {\n    max-width: calc(200rem / 16);\n  }\n}\n\ninput.checkbox {\n  opacity: 0;\n  position: absolute;\n  width: var(--checkbox-size);\n  height: var(--checkbox-size);\n\n  & + label:has(> .text) {\n    &::before {\n      inset-block-start: 6px;\n    }\n  }\n}\n\ninput.checkbox + label,\ndiv.checkbox {\n  display: inline-block;\n  clear: none;\n  position: relative;\n  padding-inline-start: calc(var(--checkbox-size) + 0.35rem);\n  line-height: max(1rem, var(--checkbox-size));\n  min-height: max(1rem, var(--checkbox-size));\n  cursor: pointer;\n\n  &,\n  &::before {\n    // set the border radius on the container too, for (some) focus rings\n    border-radius: var(--input-border-radius);\n  }\n\n  &::before {\n    display: block;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 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(212deg 50% 99%);\n    border: var(--input-border);\n    background-clip: padding-box;\n  }\n\n  &:empty {\n    padding-inline-start: var(--checkbox-size);\n\n    &::after {\n      content: '';\n      font-size: 0;\n    }\n  }\n\n  .info {\n    height: 17px;\n    margin-block-start: -1px;\n  }\n}\n\ninput.checkbox:disabled + label,\n.disabled div.checkbox {\n  cursor: not-allowed;\n}\n\ninput.checkbox:checked + label::before,\ndiv.checkbox.checked::before,\n.sel div.checkbox::before,\ninput.checkbox:indeterminate + label::before,\ndiv.checkbox.indeterminate::before,\n.elementselectormodal\n  .body\n  .content\n  .main\n  .elements\n  .disabled\n  .checkbox::before {\n  @include mixins.icon;\n  line-height: var(--checkbox-size);\n  color: var(--gray-900);\n}\n\ninput.checkbox:checked:not(:indeterminate) + label::before,\ndiv.checkbox.checked:not(.indeterminate)::before,\n.sel:not(.matrixblock) div.checkbox:not(.indeterminate)::before,\n.sel.matrixblock > .actions div.checkbox:not(.indeterminate)::before,\n.elementselectormodal\n  .body\n  .content\n  .main\n  .elements\n  .disabled\n  .checkbox::before {\n  content: 'check';\n  font-size: calc(var(--checkbox-size) * 0.8);\n}\n\ninput.checkbox:indeterminate + label::before,\ndiv.checkbox.indeterminate::before {\n  content: 'minus';\n  font-size: 7px;\n  text-align: center;\n}\n\ninput.checkbox:focus-visible + label::before,\n:focus-visible div.checkbox::before {\n  @include mixins.input-focused-styles;\n}\n\n.checkbox-icon {\n  display: inline-flex;\n  padding: 3px;\n  background-color: var(--enabled-color);\n  color: var(--white);\n  border-radius: var(--small-border-radius);\n\n  &::before {\n    --checkbox-size: 14px;\n    @include mixins.icon;\n    content: 'check';\n    line-height: var(--checkbox-size);\n    font-size: var(--checkbox-size);\n  }\n}\n\n.checkbox-preview-label {\n  display: none;\n}\n\n.monaco-mouse-cursor-text {\n  &:focus-visible {\n    box-shadow: none !important;\n  }\n}\n\nfieldset {\n  .checkboxfield {\n    margin-block: 5px;\n    margin-inline: 0;\n  }\n}\n\n.checkboxfield {\n  .instructions,\n  .notice,\n  .warning {\n    margin-block-start: 2px;\n    padding-inline-start: calc(1rem + 5px);\n  }\n}\n\n.checkboxfield__custom-wrapper {\n  display: inline-block;\n}\n\n/* radio */\n.radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: calc(5rem / 16);\n}\n\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  padding-inline-start: calc(var(--radio-size) + 0.35rem);\n  line-height: max(1rem, var(--radio-size));\n  min-height: max(1rem, var(--radio-size));\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  padding-inline-start: 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  inset-block-start: 50%;\n  inset-inline-start: 0;\n  transform: translateY(-50%);\n  width: var(--radio-size);\n  height: var(--radio-size);\n  background-color: hsl(212deg 50% 99%);\n  border: var(--input-border);\n}\n\ninput.radio + label::after,\ndiv.radio::after {\n  inset-block-start: calc(50%);\n  inset-inline-start: 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\ninput.radio:focus-visible + label::before,\n:focus-visible div.radio::before {\n  @include mixins.input-focused-styles;\n}\n\n/* multiselect */\n.multiselect > select {\n  color: var(--text-color);\n  font-size: 14px;\n  appearance: none;\n\n  &:focus-visible {\n    @include mixins.input-focused-styles;\n  }\n\n  option {\n    padding-block: 1px;\n    padding-inline: 8px;\n  }\n}\n\n.text,\n.selectize.multiselect .selectize-input {\n  padding-block: 6px;\n}\n\n.text:not(.color-input),\n.selectize.multiselect .selectize-input {\n  padding-inline: 9px;\n}\n\n.text {\n  &:not(.small) {\n    box-sizing: border-box;\n    min-height: var(--input-height);\n  }\n\n  &.small {\n    padding: 3px;\n  }\n\n  &.readable {\n    padding-block: 16px;\n    padding-inline: 18px;\n    font-size: 16px;\n    line-height: 22px;\n\n    & + .chars-left {\n      margin-block-start: -23px;\n    }\n  }\n\n  &.clearable {\n    padding-inline-end: var(--touch-target-size);\n  }\n\n  input {\n    margin: 0;\n    padding: 0;\n    border: none;\n    background-color: transparent;\n  }\n}\n\ntd.errors .text,\n.input.errors > .text,\n.input.errors > .border-box,\n.input.errors > .passwordwrapper,\n.input.errors > .autosuggest-container .text,\n.input.errors > .datetimewrapper .text,\n.text.error {\n  border: 1px solid var(--error-color) !important;\n}\n\n.tagselect__input-wrapper,\n.texticon {\n  position: relative;\n  cursor: text;\n  min-width: 130px;\n\n  &.icon {\n    &::before {\n      color: var(--ui-control-color);\n    }\n\n    svg,\n    &::before {\n      position: absolute;\n      inset-block-start: calc(50% - 7rem / 16);\n      inset-inline-start: 9px;\n    }\n  }\n\n  .texticon-icon {\n    position: absolute;\n    inset-block-start: calc((34rem / 16) / 2);\n    transform: translateY(-50%);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    inset-inline-start: 9px;\n  }\n\n  .text {\n    padding-inline-start: calc(26rem / 16);\n  }\n\n  .clear-btn {\n    position: absolute;\n    inset-block-start: calc(\n      (var(--touch-target-size) - 34px) / -2\n    ); /* Responds to min-height of text input */\n    inset-inline-end: 0;\n    width: var(--touch-target-size);\n    height: var(--touch-target-size);\n  }\n\n  &.has-filter-btn {\n    .text {\n      padding-inline-end: 26px;\n    }\n\n    .filter-btn {\n      position: absolute;\n      inset-block-start: calc((34rem / 16) / 2);\n      transform: translateY(-50%);\n      inset-inline-end: 4px;\n      padding-block: 0 4px;\n      padding-inline: 7px;\n      font-size: 14px;\n      line-height: 22px;\n      cursor: pointer;\n      border-radius: 13px;\n\n      &::before {\n        @include mixins.icon;\n        content: 'filter';\n        color: var(--medium-text-color);\n      }\n\n      &:hover {\n        background-color: var(--gray-100);\n      }\n\n      &:active,\n      &.active,\n      &[aria-expanded='true'] {\n        background-color: var(--gray-350);\n\n        &::before {\n          color: var(--white);\n        }\n      }\n    }\n\n    .text {\n      &.clearable {\n        padding-inline-end: calc(30px + var(--touch-target-size));\n      }\n    }\n\n    .clear-btn {\n      inset-inline-end: 30px;\n    }\n  }\n}\n\n.tagselect__input-wrapper {\n  &.icon.add::before {\n    content: none;\n  }\n\n  svg {\n    width: calc(14rem / 16);\n    height: calc(14rem / 16);\n    fill: var(--ui-control-color);\n  }\n}\n\n.texthint-container {\n  position: relative;\n  height: 0;\n}\n\n.texthint {\n  position: absolute;\n  inset-block-start: -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-inline-end: 4rem;\n    box-shadow: none !important;\n  }\n\n  .password-toggle {\n    color: var(--link-color);\n    position: absolute;\n    inset-block: 0;\n    inset-inline-end: 9px;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n}\n\n.datetimewrapper {\n  display: flex;\n  flex-flow: row nowrap;\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 mixins.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    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    height: 15px;\n    width: 2px;\n    background-color: var(--ui-control-color);\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &:hover {\n    &::before,\n    &::after {\n      background-color: var(--ui-control-hover-color);\n    }\n  }\n\n  &:active {\n    &::before,\n    &::after {\n      background-color: var(--ui-control-active-color);\n    }\n  }\n}\n\n.datewrapper,\n.timewrapper {\n  display: inline-block;\n  position: relative;\n\n  .text {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n\n    & + div[data-icon] {\n      display: none;\n    }\n\n    &:placeholder-shown,\n    &.empty-value {\n      & + div[data-icon] {\n        display: block;\n        position: absolute;\n        inset-block-start: calc(50% - 12px);\n        inset-inline-start: 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 mixins.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-block: 1px;\n  padding-inline: 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  inset-inline-start: 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 mixins.select-styles;\n}\n\n.select:not(.selectize) {\n  @include mixins.select-container-styles;\n}\n\n.select:not(.selectize)::after {\n  @include mixins.select-arrow-styles;\n}\n\n.select:not(.selectize) select {\n  @include mixins.select-input-styles;\n  white-space: pre;\n}\n\n.select:not(.selectize).fullwidth select {\n  @include mixins.select-input-fullwidth-styles;\n}\n\n.select:not(.selectize) select {\n  &:hover:not(:disabled) {\n    @include mixins.select-input-hovered-styles;\n  }\n\n  &:focus-visible {\n    @include mixins.select-input-focused-styles;\n  }\n}\n\n.select:not(.selectize).small::after {\n  inset-block-start: 9px;\n}\n\n.select:not(.selectize).small select {\n  padding-block: 4px !important;\n  font-size: 11px;\n}\n\n.selectize-control .selectize-input.disabled,\n.custom-select.disabled {\n  opacity: 1;\n  cursor: not-allowed !important;\n  pointer-events: auto !important;\n\n  * {\n    cursor: not-allowed !important;\n    pointer-events: auto !important;\n  }\n}\n\n.selectize .selectize-input {\n  display: block;\n  border-color: inherit;\n  box-shadow: none;\n  background-color: transparent;\n\n  .item {\n    max-width: 100%;\n\n    span {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n.selectize.select .selectize-input::after {\n  display: none;\n}\n\nbody .selectize-dropdown {\n  border: none;\n  z-index: 101;\n}\n\n/* single select styles */\n.selectize.select {\n  @include mixins.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 mixins.select-container-styles;\n\n  &::after {\n    @include mixins.select-arrow-styles;\n  }\n}\n\n.selectize.select .selectize-input {\n  @include mixins.select-styles;\n\n  &.focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.selectize.select .selectize-input {\n  @include mixins.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-block-end: 3px;\n\n  &.focus {\n    @include mixins.input-focused-styles;\n  }\n\n  & > .item {\n    @include mixins.token-styles;\n    display: inline-flex;\n    flex-direction: row;\n    padding-block: 3px !important;\n    padding-inline: 7px !important;\n\n    &.active {\n      @include mixins.active-token-styles;\n    }\n\n    & > .remove {\n      position: static;\n      border-inline-start: 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 mixins.icon;\n        content: 'remove';\n      }\n    }\n  }\n}\n\n/* menu styles */\nbody {\n  .selectize-dropdown {\n    margin-block-start: 1px;\n\n    [data-selectable],\n    .option,\n    .optgroup-header {\n      @include mixins.menu-item-styles;\n    }\n\n    .optgroup {\n      &:not(:first-child) {\n        border-block-start: 1px solid var(--hairline-color);\n      }\n\n      padding-block-start: 5px;\n\n      .option {\n        padding-inline-start: 24px;\n      }\n    }\n\n    .optgroup-header {\n      @include mixins.h6-styles;\n      margin: 0;\n      padding-block: 4px;\n      padding-inline: 0;\n    }\n\n    .active:not(.selected),\n    .option:hover {\n      background-color: var(--gray-100);\n    }\n\n    .selected {\n      @include mixins.menu-item-active-styles;\n      cursor: default !important;\n\n      .light {\n        color: inherit !important;\n      }\n    }\n  }\n\n  .selectize-dropdown-content {\n    @include mixins.menu-styles;\n    max-height: 70vh;\n\n    .option {\n      min-height: 18px;\n    }\n\n    & > div[data-value='new'] {\n      &::before {\n        @include mixins.icon;\n        content: 'plus';\n        margin-inline-end: 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  inset-block-start: -300px;\n  margin-inline-start: 1px;\n  z-index: 101 !important;\n}\n\n.ui-datepicker-header {\n  padding-block: 8px 4px;\n  padding-inline: 8px;\n}\n\n.ui-datepicker-prev {\n  float: inline-start;\n}\n\n.ui-datepicker-next {\n  float: inline-end;\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 mixins.angle(left);\n}\n\n.ui-datepicker-next::after {\n  @include mixins.angle(right);\n}\n\n.ui-datepicker-title {\n  text-align: center;\n\n  select.ui-datepicker-year {\n    background-color: hsl(212deg 25% 90%);\n    padding-block: 0;\n    padding-inline: var(--xs);\n    border-radius: var(--large-border-radius);\n    height: calc(22rem / 16);\n  }\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: calc(26 / 16 * 1rem);\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 mixins.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  margin-inline-start: 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  padding-inline: 14px 0;\n  padding-block: 2px;\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 mixins.light-on-dark-text;\n  cursor: default;\n}\n\n/* slide picker */\n.slide-picker {\n  display: flex;\n  height: 1rem;\n  white-space: nowrap;\n\n  a {\n    position: relative;\n    border: 1px solid var(--hairline-color);\n    border-inline-start: none;\n    background-image: none;\n    width: calc(8rem / 16 - 1px);\n    height: calc(1rem - 2px);\n    margin-inline-start: 0;\n    margin-block: 1px;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:first-child {\n      width: calc(8rem / 16);\n      border-inline-start: 1px solid var(--gray-400) !important;\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset-block-start: calc(-4rem / 16 - 1px);\n      inset-inline-start: -1px;\n      width: calc(100% + 2px);\n      height: var(--touch-target-size);\n    }\n  }\n\n  &:not(:hover) a.active,\n  &:hover a.active-hover {\n    border-block-start-color: var(--gray-400);\n    border-block-end-color: var(--gray-400);\n    height: 1rem;\n    margin-block: 0;\n\n    &:first-child {\n      border-inline-start: 1px solid var(--gray-400);\n      border-start-start-radius: var(--small-border-radius);\n      border-end-start-radius: var(--small-border-radius);\n    }\n  }\n\n  &:not(:hover) a.last-active,\n  &:hover a.last-active-hover {\n    border-inline-end: 1px solid var(--gray-400);\n    border-start-end-radius: var(--small-border-radius);\n    border-end-end-radius: var(--small-border-radius);\n  }\n\n  &:focus {\n    a.active {\n      background-color: var(--light-sel-color);\n    }\n  }\n}\n\n/* icon picker */\n.icon-picker {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--xs);\n}\n\n.icon-picker--icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  @include mixins.input-styles;\n  border-radius: var(--ui-control-border-radius);\n  width: var(--ui-control-height);\n  height: var(--ui-control-height);\n  background: var(--gray-050);\n\n  svg {\n    width: calc(20rem / 16);\n    height: calc(20rem / 16);\n    @include mixins.svg-mask(var(--ui-control-color));\n  }\n\n  &.small {\n    width: calc(22rem / 16);\n    height: calc(22rem / 16);\n\n    svg {\n      width: calc(14rem / 16);\n      height: calc(14rem / 16);\n    }\n  }\n}\n\n.icon-picker-modal {\n  --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n  width: var(--width) !important;\n  min-width: 0 !important;\n  max-width: calc(100% - 20px) !important;\n\n  .body {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: var(--l);\n\n    .icon-picker-modal--list {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n\n      &:not(.loading) {\n        .spinner {\n          display: none;\n        }\n      }\n\n      &.loading {\n        &::after {\n          position: absolute;\n          inset-block-start: 0;\n          inset-inline-start: 0;\n          width: 100%;\n          height: 100%;\n          content: '';\n          background-color: rgb(255 255 255 / 75%);\n        }\n\n        .spinner {\n          inset-block-start: calc(50% - 10px);\n          z-index: 1;\n        }\n      }\n\n      ul {\n        display: flex;\n        flex-flow: row wrap;\n        justify-content: flex-start;\n        gap: var(--s);\n        max-height: 100%;\n        overflow: auto;\n\n        .icon-picker--icon {\n          --focus-ring: var(--inner-focus-ring);\n\n          &:hover {\n            border-color: var(--link-color);\n            background-color: var(--blue-100);\n          }\n        }\n      }\n    }\n  }\n}\n\n/* errors */\nul.errors {\n  margin-block-start: 5px;\n  list-style-type: square;\n  padding-inline-start: 20px;\n}\n\nul.errors li {\n  color: var(--error-color);\n}\n\n/* message pages */\n.message-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  z-index: 100;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  height: 100%;\n\n  .modal {\n    position: relative;\n    width: calc(15rem + var(--modal-padding) * 2);\n    min-width: 0;\n    height: auto;\n    min-height: 0;\n  }\n}\n\n/* 2FA setup page */\nbody.setup-2fa {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 100%;\n\n  #setup-2fa {\n    display: flex;\n    flex-direction: column;\n    gap: var(--l);\n    width: 550px;\n    max-width: 100%;\n    padding: var(--padding);\n\n    #setup-2fa-intro {\n      text-align: center;\n    }\n\n    #setup-2fa-btn {\n      display: flex;\n      justify-content: center;\n    }\n  }\n}\n\n/* 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\n      [data-icon] {\n        margin-inline: 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 mixins.shadow;\n  box-sizing: border-box;\n  padding-block: 0;\n  padding-inline: 14px;\n  text-align: start;\n  @include mixins.sans-serif-font;\n  font-size: 1em !important;\n\n  .autosuggest__results-before {\n    @include mixins.h6-styles;\n    margin-block-start: 14px !important;\n  }\n\n  .autosuggest__results-item {\n    @include mixins.menu-item-styles;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:hover,\n    &.autosuggest__results-item--highlighted {\n      @include mixins.menu-item-active-styles;\n      cursor: pointer;\n    }\n  }\n}\n\n/* ----------------------------------------\n/* Matrix\n/* ---------------------------------------- */\n\n/* Matrix fields */\n.matrix {\n  & > .buttons {\n    margin-block-start: 10px;\n  }\n}\n\n.matrixblock {\n  margin-block-end: var(--s);\n  padding-block: 0 var(--m);\n  padding-inline: var(--m);\n\n  &.static {\n    .titlebar {\n      padding-inline: 14px 0;\n      margin-block-end: 14px;\n    }\n  }\n\n  & > .titlebar > .matrixblock-tabs .pane-tabs .menubtn:not(.action-btn) {\n    padding: 0;\n    width: var(--touch-target-size);\n    height: var(--touch-target-size);\n    background-color: transparent;\n\n    &:hover {\n      backdrop-filter: brightness(90%);\n    }\n\n    &:active,\n    &[aria-expanded='true'] {\n      backdrop-filter: brightness(85%);\n    }\n  }\n\n  .flex-fields {\n    --row-gap: var(--m) !important;\n    --padding: var(--m);\n    --neg-padding: calc(var(--m) * -1);\n  }\n\n  // no margin when a .field comes after a hidden item.\n  .hidden + .field {\n    margin-block-start: 0;\n  }\n\n  & > .titlebar {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    align-items: center;\n    gap: var(--m);\n    margin-block: 0;\n    margin-inline: calc(var(--m) * -1);\n    box-sizing: border-box;\n    border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;\n    padding-inline: var(--m) calc(var(--m) + 70px);\n    padding-block: 5px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    word-wrap: normal;\n    cursor: default;\n    user-select: none;\n    position: relative;\n    background-color: var(--custom-titlebar-bg-color, var(--gray-100));\n    min-height: calc(var(--lh) + 10px);\n\n    & > .blocktype,\n    & > .preview {\n      font-size: 0.8em !important;\n    }\n\n    & > .blocktype {\n      font-weight: 500;\n    }\n\n    & > .preview {\n      flex-grow: 1;\n      min-width: 0;\n      opacity: 0;\n      transition: opacity linear 100ms;\n      overflow: hidden;\n\n      &:empty {\n        display: none;\n      }\n\n      body.ltr & {\n        mask-image: linear-gradient(\n          to left,\n          rgb(0 0 0 / 0%),\n          rgb(0 0 0 / 100%) 12px\n        );\n      }\n\n      body.rtl & {\n        mask-image: linear-gradient(\n          to right,\n          rgb(0 0 0 / 0%),\n          rgb(0 0 0 / 100%) 12px\n        );\n      }\n\n      span {\n        opacity: 0.5;\n      }\n    }\n\n    & > .matrixblock-tabs {\n      flex: 1;\n      min-width: 0;\n      margin-block: -5px;\n      margin-inline: 0;\n\n      .pane-tabs {\n        margin: 0;\n        padding-inline-end: 3px;\n\n        [role='tablist'] {\n          padding-block: 0;\n          padding-inline: 12px;\n\n          &.scrollable {\n            mask-image: linear-gradient(\n              to right,\n              rgb(0 0 0 / 0%),\n              rgb(0 0 0) 12px,\n              rgb(0 0 0) calc(100% - 12px),\n              rgb(0 0 0 / 0%) 100%\n            );\n          }\n\n          [role='tab'] {\n            background-color: transparent;\n\n            &.sel {\n              background-color: var(\n                --custom-bg-color,\n                var(--gray-050)\n              ) !important;\n            }\n\n            .tab-label {\n              height: calc(var(--lh) + 10px);\n              padding-block: 0;\n              padding-inline: var(--m);\n            }\n          }\n        }\n\n        .menubtn:not(.action-btn) {\n          margin-inline: 0;\n\n          &:not(:empty, .btn-empty)::after {\n            margin-inline-start: 0;\n          }\n        }\n      }\n    }\n\n    & > .preview:first-child:empty + .matrixblock-tabs {\n      margin-inline-start: calc((var(--m) + 12px) * -1);\n    }\n  }\n\n  &.disabled-entry {\n    & > .titlebar {\n      padding-inline-end: 100px;\n    }\n\n    & > .actions {\n      & > .status {\n        &.off {\n          display: block;\n        }\n      }\n    }\n  }\n\n  &.collapsed {\n    & > .titlebar {\n      border-radius: var(--large-border-radius);\n\n      & > .preview {\n        opacity: 1;\n      }\n    }\n  }\n\n  & > .actions {\n    display: flex;\n    align-items: center;\n    gap: var(--s);\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: var(--m);\n    cursor: default;\n    min-height: calc(var(--lh) + 10px);\n\n    & > .status {\n      &.off {\n        display: none;\n      }\n    }\n  }\n\n  &:not(.static) {\n    & > .fields {\n      padding-block-start: var(--l);\n    }\n  }\n\n  & > .fields > .flex-fields > .field {\n    &::before {\n      display: none;\n    }\n  }\n\n  & > .buttons {\n    margin-block-start: 0;\n    height: 30px;\n  }\n}\n\n/* categories */\n.add-category-form {\n  margin-block-start: 24px;\n}\n\n.add-category-form .texticon {\n  width: 200px;\n  float: inline-start;\n  margin-inline-end: 5px;\n}\n\n.add-category-form .texticon .text {\n  padding-inline-end: 30px;\n}\n\n.add-category-form .texticon .spinner {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 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-block-start: -1px;\n        border-start-start-radius: 0;\n        border-start-end-radius: 0;\n\n        &:not(:hover) {\n          border-block-start-color: transparent;\n        }\n      }\n    }\n\n    &:not(:last-child) {\n      a {\n        border-end-start-radius: 0;\n        border-end-end-radius: 0;\n      }\n    }\n\n    a {\n      display: block;\n      position: relative;\n      text-align: start;\n      width: 100%;\n      box-sizing: border-box;\n      border: 1px solid var(--hairline-color);\n      border-radius: var(--medium-border-radius);\n      padding-inline: 15px 42px;\n      padding-block: 9px;\n      font-size: 16px;\n      line-height: 1.4;\n\n      &::after {\n        font-size: 14px;\n        position: absolute;\n        inset-block-start: calc(50% - 7px);\n        inset-inline-end: 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.entry-mover-modal {\n  --width: calc(var(--ui-control-height) * 10 + var(--s) * 9 + var(--xl) * 2);\n  width: var(--width) !important;\n  min-width: 0 !important;\n  max-width: calc(100% - 20px) !important;\n\n  .header {\n    padding-block: calc(var(--m));\n    text-align: center;\n  }\n\n  .body {\n    height: 83%;\n    position: relative;\n\n    .entry-mover-modal--list {\n      height: calc(100% + 20px);\n      position: relative;\n\n      fieldset {\n        box-sizing: border-box;\n        height: 100%;\n        overflow: auto;\n        padding-block-end: 20px;\n        position: relative;\n      }\n    }\n  }\n\n  .footer {\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    margin: 0;\n    box-sizing: border-box;\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 (resolution >= 1.5dppx) {\n  .structure ul li {\n    background-size: 40px;\n\n    body.ltr & {\n      background-image: url('../images/branch_2x.png');\n    }\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\n  .hud .tip-top {\n    background-image: url('../images/hudtip_top_2x.png');\n    background-size: 30px 15px;\n  }\n\n  .hud .tip-right {\n    background-image: url('../images/hudtip_right_2x.png');\n    background-size: 15px 30px;\n  }\n\n  .hud .tip-bottom {\n    background-image: url('../images/hudtip_bottom_2x.png');\n    background-size: 30px 15px;\n  }\n\n  .hud.has-footer .tip-bottom {\n    background-image: url('../images/hudtip_bottom_gray_2x.png');\n  }\n}\n","@use 'sass:color';\n@use 'sass:list';\n@use 'sass:string';\n$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\n\n// hairline colors\n$hairlineColor: color.adjust($grey800, $alpha: -0.9);\n$mediumHairlineColor: color.adjust($grey600, $alpha: -0.75);\n$darkHairlineColor: color.adjust($grey400, $alpha: -0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing:\n  0 0 0 1px $lightFocusColor,\n  0 0 0 3px color.adjust($lightFocusColor, $alpha: -0.3);\n$mediumFocusRing:\n  0 0 0 1px $mediumFocusColor,\n  0 0 0 3px color.adjust($mediumFocusColor, $alpha: -0.3);\n$darkFocusRing:\n  0 0 0 1px $darkFocusColor,\n  0 0 0 3px color.adjust($darkFocusColor, $alpha: -0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n\n@mixin sans-serif-font {\n  font-family:\n    system-ui,\n    BlinkMacSystemFont,\n    -apple-system,\n    'Segoe UI',\n    'Roboto',\n    'Oxygen',\n    'Ubuntu',\n    'Cantarell',\n    'Fira Sans',\n    'Droid Sans',\n    'Helvetica Neue',\n    sans-serif;\n}\n\n@mixin fixed-width-font($size: 0.9em) {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: $size !important;\n}\n\n@function toRem($values...) {\n  @warn \"torem mixin is deprecated. Use calc($value / 16 * 1rem) instead.\";\n  $max: list.length($values);\n  $remValues: '';\n\n  @for $i from 1 through $max {\n    $remValues: #{$remValues + calc(list.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  @warn \"fontsize mixin is deprecated. Use CSS values instead.\";\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: never;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: calc(7rem / 16);\n  height: calc(7rem / 16);\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n  position: relative;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n    inset-block-start: 2px;\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px color.adjust($grey900, $alpha: -0.8);\n}\n\n@mixin pane {\n  background: var(--pane-bg);\n  box-shadow: var(--pane-shadow);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border: var(--modal-border);\n  border-radius: var(--modal-border-radius);\n  background-color: var(--modal-bg);\n  box-shadow: var(--modal-shadow) !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}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px\n      hsl(\n        #{color.hue($blue200)},\n        #{color.saturation($blue200)},\n        #{color.lightness($blue200)}\n      ),\n    0 0 0 3px hsla(var(--light-focus-hsl), 1);\n}\n\n@mixin dark-btn-light-bg-focus-ring() {\n  --focus-ring: var(--focus-ring-outset);\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  @warn \"left mixin is deprecated. Use inset-inline-start instead.\";\n  inset-inline-start: $left;\n}\n\n@mixin right($right) {\n  @warn \"right mixin is deprecated. Use inset-inline-end instead.\";\n  inset-inline-end: $right;\n}\n\n@mixin alignleft {\n  @warn \"alignleft mixin is deprecated. Use text-align: start instead.\";\n  text-align: start;\n}\n\n@mixin alignright {\n  @warn \"alignright mixin is deprecated. Use text-align: end instead.\";\n  text-align: end;\n}\n\n@mixin border-left($params...) {\n  @warn \"border-left mixin is deprecated. Use border-inline-start instead.\";\n  border-inline-start: $params;\n}\n\n@mixin border-right($params...) {\n  @warn \"border-right mixin is deprecated. Use border-inline-end instead.\";\n  border-inline-end: $params;\n}\n\n@mixin border-left-width($param) {\n  @warn \"border-left-width mixin is deprecated. Use border-inline-start-width instead.\";\n  border-inline-start-width: $param;\n}\n\n@mixin border-right-width($param) {\n  @warn \"border-right-width mixin is deprecated. Use border-inline-end-width instead.\";\n  border-inline-end-width: $param;\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  @warn \"border-radius mixin is deprecated. Use logical border properties instead.\";\n  border-start-start-radius: $tl;\n  border-start-end-radius: $tr;\n  border-end-end-radius: $br;\n  border-end-start-radius: $bl;\n}\n\n@mixin border-top-left-radius($params...) {\n  @warn \"border-top-left-radius mixin is deprecated. Use border-start-start-radius instead.\";\n  border-start-start-radius: $params;\n}\n\n@mixin border-top-right-radius($params...) {\n  @warn \"border-top-right-radius mixin is deprecated. Use border-end-start-radius instead.\";\n  border-start-end-radius: $params;\n}\n\n@mixin border-bottom-left-radius($params...) {\n  @warn \"border-bottom-left-radius mixin is deprecated. Use border-start-end-radius instead.\";\n  border-start-end-radius: $params;\n}\n\n@mixin border-bottom-right-radius($params...) {\n  @warn \"border-bottom-right-radius mixin is deprecated. Use border-end-end-radius instead.\";\n  border-end-end-radius: $params;\n}\n\n@mixin floatleft {\n  @warn \"floatleft mixin is deprecated. Use float: inline-start instead.\";\n  float: inline-start;\n}\n\n@mixin floatright {\n  @warn \"floatright mixin is deprecated. Use float: inline-end instead.\";\n  float: inline-end;\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  @warn \"margin mixin is deprecated. Use logical margin properties instead.\";\n  margin-block: $t $b string.unquote($important);\n  margin-inline: $l $r string.unquote($important);\n}\n\n@mixin margin-left($margin...) {\n  @warn \"margin-left mixin is deprecated. Use margin-inline-start instead.\";\n  margin-inline-start: $margin;\n}\n\n@mixin margin-right($margin...) {\n  @warn \"margin-left mixin is deprecated. Use margin-inline-end instead.\";\n  margin-inline-end: $margin;\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  @warn \"padding mixin is deprecated. Use padding logical properties instead.\";\n  padding-block: $t $b string.unquote($important);\n  padding-inline: $l $r string.unquote($important);\n}\n\n@mixin padding-left($padding...) {\n  @warn \"padding-left mixin is deprecated. Use padding-inline-start properties instead.\";\n  padding-inline-start: $padding;\n}\n\n@mixin padding-right($padding...) {\n  @warn \"padding-right mixin is deprecated. Use padding-inline-end properties instead.\";\n  padding-inline-end: $padding;\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: color.adjust($grey200, $lightness: -5%);\n    }\n\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      background-color: color.adjust($grey200, $lightness: -10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: color.adjust($grey200, $lightness: -5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: calc(30rem / 16);\n  height: calc(30rem / 16);\n  min-height: auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active):not([aria-expanded='true']) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):not([aria-expanded='true']):hover {\n    background-color: color.adjust($grey300, $alpha: -0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow:\n    0 0 0 1px color.adjust($grey900, $alpha: -0.9),\n    0 5px 20px color.adjust($grey900, $alpha: -0.75);\n}\n\n@mixin menu-item-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-item-active-styles {\n  color: var(--white) !important;\n  --medium-text-color: rgba(255, 255, 255, 0.8);\n  --light-text-color: rgba(255, 255, 255, 0.8);\n  background-color: var(--dark-sel-color);\n\n  svg {\n    @include svg-mask(var(--white));\n  }\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: var(--input-border-radius);\n  border: var(--input-border);\n  background: var(--input-bg);\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  inset-block-start: calc(50% - 5px);\n  inset-inline-end: 9px;\n  user-select: none;\n  pointer-events: none;\n  color: var(--ui-control-color);\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  padding-block: 7px;\n  padding-inline: 10px 22px;\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: var(--button-bg);\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-hovered-styles {\n  outline-color: transparent;\n  background-color: var(--button-bg--hover);\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n@mixin not-visually-hidden {\n  position: static;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1,\n  .h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2,\n  .h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    padding-inline-start: 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    inset-inline-end: 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      border-inline-start: 4px solid $hairlineColor;\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      padding-inline-start: 50px;\n      border: 1px solid;\n\n      &.dismissible {\n        padding-inline-end: 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        inset-inline-start: 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      #{color.adjust($grey300, $alpha: -0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #{color.adjust($grey300, $alpha: -0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      45deg,\n      transparent 75%,\n      #{color.adjust($grey300, $alpha: -0.75)} 75%\n    ),\n    linear-gradient(\n      135deg,\n      transparent 75%,\n      #{color.adjust($grey300, $alpha: -0.75)} 75%\n    );\n  background-size: $size $size;\n  background-position:\n    0 0,\n    $halfSize 0,\n    $halfSize -#{$halfSize},\n    0 $halfSize;\n}\n","@charset \"UTF-8\";\n@use 'sass:color';\n@use '@craftcms/sass/mixins';\n\n$sidebarWidth: calc(226rem / 16);\n$sidebarZIndex: 100;\n$detailsWidth: 350px;\n$minFullUiWidth: calc(1200rem / 16);\n$minXlUiWidth: calc(1536rem / 16);\n$minDesktopWidth: calc(600rem / 16);\n$minHorizontalUiWidth: $minFullUiWidth - $sidebarWidth;\n\n// Colors\n$badgeBackgroundColor: var(--gray-200);\n$badgeColor: var(--gray-800);\n\n:root {\n  --2xs: 2px;\n  --xs: 4px;\n  --s: 8px;\n  --m: 14px;\n  --l: 18px;\n  --xl: 24px;\n  --padding: var(--xl);\n  --neg-padding: calc(var(--xl) * -1);\n  --sidebar-width: #{$sidebarWidth};\n  --global-sidebar-width: #{$sidebarWidth};\n  --details-width: #{$detailsWidth};\n\n  // Sidebar\n  --sidebar-bgColor: var(--gray-150);\n\n  // Nav items\n  --nav-item-indicator-size: var(--xs);\n  --nav-item-badge-bgColor: var(--medium-text-color);\n  --nav-item-badge-fgColor: var(--white);\n  --nav-item-fgColor-active: var(--text-color);\n  --nav-item-bgColor-active: var(--gray-200);\n  --nav-item-fgColor-hover: var(--text-color);\n  --nav-item-bgColor-hover: var(--gray-200);\n  --nav-item-prefix-width: calc(30rem / 16);\n  --nav-item-prefix-ratio: 1;\n  --nav-item-trigger-size: var(--touch-target-size);\n  --nav-item-gutter-width: calc(10rem / 16); // Left and right padding\n}\n\nhtml {\n  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  }\n\n  :focus-visible {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n.skip-link {\n  position: absolute;\n  margin: 5px;\n  inset-inline-start: -10000px;\n  inset-block-start: 0;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: $sidebarZIndex + 1;\n\n  &:focus {\n    inset-inline-start: unset;\n    inset-inline-start: 0;\n    width: auto;\n    height: auto;\n    background-color: var(--gray-100) !important;\n  }\n}\n\n.skip-link--global {\n  @media only screen and (min-width: $minFullUiWidth) {\n    @include mixins.two-color-focus-ring;\n  }\n}\n\n#global-container {\n  position: relative;\n  display: flex;\n  min-height: 100vh;\n\n  @media screen and (prefers-reduced-motion: no-preference) {\n    transition: inset-inline-start 100ms cubic-bezier(0.33, 1, 0.68, 1);\n  }\n}\n\n#global-header {\n  display: grid;\n  grid-template-columns: 1fr min-content min-content;\n  align-items: center;\n}\n\n/* global sidebar */\n$sidebarLinkStaticColor: var(--gray-100);\n$sidebarLinkSecondaryColor: var(--gray-200);\n$systemInfoBgColor: color.adjust(mixins.$grey800, $lightness: -5%);\n$systemInfoHoverBgColor: color.adjust(mixins.$grey800, $lightness: -10%);\n\n#system-info {\n  display: grid;\n  grid-template-columns: var(--nav-item-prefix-width) auto;\n  gap: 10px;\n  height: 100%;\n  padding-block: 0;\n  padding-inline: var(--nav-item-gutter-width);\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  color: currentcolor;\n  background-clip: padding-box;\n\n  &::after {\n    display: none;\n  }\n\n  #global-sidebar & {\n    border-block-end: 1px solid var(--hairline-color);\n  }\n}\n\ndiv#system-info {\n  cursor: default;\n}\n\na#system-info {\n  &:focus,\n  &:hover {\n    text-decoration: none;\n    background-color: var(--gray-200);\n  }\n}\n\n#site-icon {\n  --size: var(--nav-item-prefix-width); // Matches .sidebar-action__prefix\n  height: var(--size);\n\n  img,\n  svg {\n    display: block;\n    width: var(--size);\n    height: var(--size);\n    border-radius: 4px;\n  }\n\n  svg {\n    @include mixins.svg-mask(var(--medium-text-color));\n  }\n}\n\n#system-name {\n  h2,\n  .h2 {\n    margin: 0;\n    width: 100%;\n    overflow: hidden;\n    max-height: 40px;\n    position: relative;\n\n    // Multi-line text overflow ellipsis\n    // (https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n}\n\n@media only screen and (min-width: $minFullUiWidth) {\n  [data-sidebar='collapsed'] {\n    #system-info:hover #system-name {\n      opacity: 1;\n      transform: translateY(-50%) translateX(0);\n    }\n\n    #system-name {\n      position: absolute;\n      inset-inline-start: calc(100% + (var(--s) * 2));\n      inset-block-start: 50%;\n      transform: translateY(-50%) translateX(-5px);\n      opacity: 0;\n      @include mixins.pane;\n      color: var(--text-color);\n      border-radius: var(--medium-border-radius);\n      padding-block: var(--xs);\n      padding-inline: var(--s);\n      white-space: nowrap;\n      pointer-events: none;\n\n      @media screen and (prefers-reduced-motion: no-preference) {\n        transition:\n          opacity 50ms cubic-bezier(0.33, 1, 0.68, 1),\n          transform 150ms cubic-bezier(0.33, 1, 0.68, 1);\n      }\n    }\n  }\n}\n\n#global-footer {\n  --link-color: #1453db;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-block: var(--m) var(--xl);\n  padding-inline: var(--m);\n  gap: var(--m);\n\n  body.has-debug-toolbar & {\n    padding-block-end: 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-block: 16px;\n  padding-inline: var(--xl);\n  border-radius: var(--large-border-radius);\n  background-color: var(--gray-150);\n  box-shadow:\n    inset 0 1px 0 rgb(255 255 255 / 50%),\n    0 0 0 1px hsl(212deg 30% 80%),\n    0 2px 12px color.adjust(mixins.$grey200, $alpha: -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  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-block: 6px;\n  padding-inline: 7px 5px;\n  line-height: 8px;\n  font-weight: 600;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n#devmode {\n  margin-block-start: auto;\n  flex: 0 0 4px;\n  width: 100%;\n  min-height: 4px; // fixes Windows scaling bug (https://github.com/craftcms/cms/issues/3259)\n  background:\n    url('../images/dev-mode.svg') repeat-x 21px 0,\n    var(--gray-900);\n  cursor: help;\n}\n\n#page-container {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n}\n\n#alerts {\n  position: relative; // to keep it above #global-header's shadow\n  background-color: var(--red-050);\n  border-inline-start: 6px solid var(--error-color);\n  color: var(--error-color);\n\n  & > li {\n    padding-block: 7px 8px;\n    padding-inline: 24px;\n    box-shadow: inset 0 -1px 0 0 var(--red-100);\n    min-height: var(--header-height);\n    display: flex;\n    align-items: center;\n\n    span[data-icon]::before {\n      margin-block-start: -3px !important;\n    }\n\n    .resolvable-alert-buttons {\n      margin-block-start: var(--m);\n    }\n\n    .btn,\n    a.go {\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid color.adjust(mixins.$errorColor, $alpha: -0.5);\n      border-radius: var(--medium-border-radius);\n      padding-block: 4px;\n      padding-inline: 5px;\n      margin-block: 0;\n      margin-inline: 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-block-start: 1px;\n        }\n      }\n    }\n\n    .btn {\n      background-color: transparent;\n    }\n  }\n}\n\n#global-header .btn.menubtn,\nli.crumb .btn.menubtn,\n.btn.action-btn {\n  padding: 0;\n\n  &:not(:hover, :active, [aria-expanded='true']) {\n    background-color: transparent;\n  }\n\n  &:not(.m) {\n    width: var(--touch-target-size);\n    height: var(--touch-target-size);\n    min-height: auto;\n  }\n\n  &.m {\n    width: var(--ui-control-height);\n    height: var(--ui-control-height);\n  }\n}\n\n#global-header {\n  width: 100%;\n  margin-block-end: var(--m);\n  border-block-end: 1px solid var(--hairline-color);\n\n  .flex {\n    height: var(--header-height);\n    align-items: center;\n  }\n\n  .btn {\n    --ui-control-color: var(--gray-400);\n    --ui-control-hover-color: var(--gray-800);\n    --ui-control-active-color: var(--gray-700);\n\n    &:hover {\n      color: var(--ui-control-hover-color);\n    }\n  }\n}\n\n.nav-toggle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  min-width: 44px;\n  height: var(--header-height);\n  border-inline-end: 1px solid var(--medium-hairline-color);\n  line-height: 26px;\n  color: currentcolor;\n  text-align: center;\n\n  &::before {\n    @include mixins.icon;\n    content: 'menu';\n    font-size: 16px;\n    line-height: 0;\n  }\n\n  &:hover {\n    color: var(--link-color);\n  }\n}\n\n#crumbs {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 13px;\n  margin: 0 !important;\n  max-width: 100%;\n  overflow: hidden;\n\n  &.empty {\n    display: none;\n  }\n\n  nav {\n    margin: 0;\n  }\n}\n\n#primary-nav-toggle {\n  &:focus-visible {\n    box-shadow: var(--inner-focus-ring);\n  }\n}\n\n#crumb-list {\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n  max-width: 100%;\n  height: var(--header-height);\n\n  --arrow-padding: 10;\n  --arrow-height: 22;\n  --arrow-angle: 35;\n  --arrow-width: 17.1111; // height/(45/angle)\n  --arrow-c: 27.871; // sqrt(height^2+width^2)\n\n  body.rtl & {\n    --arrow-angle: -35;\n  }\n\n  li.crumb {\n    position: relative;\n    padding-inline-start: calc(var(--arrow-width) * 0.5rem / 16);\n    cursor: default;\n    color: var(--light-text-color);\n\n    &:not(.current) {\n      padding-inline-end: calc(var(--arrow-width) * 1.125rem / 16);\n\n      &::before,\n      &::after {\n        display: block;\n        content: '';\n        width: 1px;\n        height: calc(var(--arrow-c) * 1rem / 16);\n        position: absolute;\n        inset-inline-end: calc(var(--arrow-width) * 0.5rem / 16);\n        background: var(--medium-hairline-color);\n        pointer-events: none;\n      }\n\n      &::before {\n        inset-block-start: calc(\n          (var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16\n        );\n        transform: rotate(calc(var(--arrow-angle) * -1deg));\n      }\n\n      &::after {\n        inset-block-end: calc(\n          (var(--arrow-height) - var(--arrow-c)) / 2 * 1rem / 16\n        );\n        transform: rotate(calc(var(--arrow-angle) * 1deg));\n      }\n    }\n  }\n\n  & .menu--disclosure {\n    li {\n      display: block;\n\n      &::after {\n        content: none;\n      }\n    }\n  }\n}\n\n#crumb-menu-trigger {\n  min-width: var(--touch-target-size);\n\n  &::before {\n    width: 100%;\n  }\n}\n\n#crumb-menu {\n  .chip {\n    min-height: 44px;\n  }\n}\n\nli.crumb {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: var(--xs);\n\n  [data-icon] {\n    position: relative;\n    inset-block-start: -1px;\n  }\n\n  .menubtn {\n    position: relative;\n    margin-block: 0;\n    margin-inline: calc(var(--xs) * -1 / 2);\n  }\n\n  [data-icon='ellipsis']::before {\n    margin-block-start: 3px;\n    font-size: 17px;\n  }\n\n  .chip {\n    .label-link {\n      max-width: 15em;\n\n      &:focus-visible {\n        box-shadow: var(--inner-focus-ring);\n      }\n\n      & > span:not(.context-label) {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  &:has(.menubtn) > a {\n    margin-inline-end: 0 !important;\n    padding-inline-end: var(--xs) !important;\n  }\n\n  & > a {\n    flex: 1;\n    display: flex !important;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: var(--xs);\n    white-space: nowrap;\n\n    .menu--disclosure & {\n      min-height: 34px;\n    }\n  }\n\n  a,\n  button {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--touch-target-size);\n\n    &:not(:hover) {\n      color: var(--text-color);\n\n      svg {\n        @include mixins.svg-mask(var(--text-color));\n      }\n    }\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  a {\n    position: relative;\n  }\n\n  button {\n    cursor: pointer;\n  }\n}\n\nli.breadcrumb-toggle-wrapper {\n  &::after {\n    content: none;\n  }\n}\n\n#account-menu {\n  ul {\n    li {\n      a {\n        max-width: calc(100% + 28px) !important;\n      }\n    }\n  }\n}\n\n#announcements-btn {\n  @include mixins.header-btn;\n  width: calc(28rem / 16 + 10px);\n  position: relative;\n\n  &.unread::after {\n    content: '';\n    display: block;\n    position: absolute;\n    inset-block-start: calc(3rem / 16);\n    inset-inline-end: 5px;\n    width: calc(7rem / 16);\n    height: calc(7rem / 16);\n    border-radius: 50%;\n    background-color: var(--blue-600);\n  }\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n    @include mixins.svg-mask(var(--ui-control-color));\n  }\n\n  &:hover,\n  &:active,\n  &.active {\n    svg {\n      @include mixins.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-block-start: 20px;\n    }\n\n    .announcement-label-container {\n      margin-block: -3px 3px;\n      display: flex;\n      align-items: center;\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      inset-block-start: 7px;\n      inset-inline-start: -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-block: 0 3px;\n    margin-inline: 0;\n    order: 1;\n  }\n}\n\n#user-info {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding-inline: var(--s) calc(var(--padding) + 1px);\n  padding-block: 5px;\n  height: 100%;\n  background-color: transparent;\n  border-radius: 0;\n\n  &::after {\n    border-color: var(--ui-control-color);\n    transition: border-color linear 100ms;\n  }\n\n  &:hover::after {\n    border-color: var(--ui-control-hover-color);\n  }\n\n  &[aria-expanded='true']::after {\n    border-color: var(--ui-control-active-color);\n  }\n}\n\n.header-photo {\n  img,\n  svg {\n    display: block;\n    width: calc(30rem / 16);\n    height: calc(30rem / 16);\n    max-width: none;\n    border-radius: 50%;\n    box-shadow:\n      0 0 0 1px color.adjust(mixins.$grey900, $alpha: -0.95),\n      0 0 0 color.adjust(mixins.$grey900, $alpha: -1);\n    transition: box-shadow linear 150ms;\n\n    #user-info:hover & {\n      box-shadow:\n        0 0 0 1px color.adjust(mixins.$grey900, $alpha: -0.95),\n        0 2px 10px -2px color.adjust(mixins.$grey900, $alpha: -0.7);\n    }\n  }\n}\n\n/* main container */\n#main-container {\n  position: relative;\n  flex-grow: 1;\n}\n\n#notifications {\n  position: fixed;\n  inset-block-end: 8px;\n  inset-inline-start: 8px;\n  width: calc(100% - 16px);\n  z-index: 101;\n\n  body.has-debug-toolbar & {\n    inset-block-end: 50px;\n  }\n\n  @media only screen and (min-width: $minHorizontalUiWidth) {\n    width: 350px;\n  }\n\n  .notification {\n    position: relative;\n    @include mixins.pane;\n    border-radius: var(--large-border-radius);\n    box-shadow:\n      0 0 0 1px color.adjust(mixins.$grey1000, $alpha: -0.85),\n      0 2px 12px color.adjust(mixins.$grey1000, $alpha: -0.85);\n\n    &[data-type='success'] {\n      .notification-icon {\n        --icon-color: var(--success-color);\n      }\n    }\n\n    &[data-type='error'] {\n      .notification-icon {\n        --icon-color: var(--error-color);\n      }\n    }\n\n    & + .notification {\n      margin-block-start: 12px;\n    }\n\n    .notification-inner {\n      display: flex;\n      padding-block: 10px;\n      padding-inline: 14px;\n    }\n\n    .notification-icon {\n      --icon-color: var(--notice-color);\n      margin-block-start: 2px;\n    }\n\n    .notification-main {\n      margin: -10px;\n      padding: 10px;\n      overflow: hidden;\n    }\n\n    .notification-body {\n      display: grid;\n      grid-template-columns: 20px 1fr;\n      gap: var(--s);\n      width: 100%;\n\n      .notification-message {\n        font-weight: bold;\n        word-break: normal;\n        overflow-wrap: anywhere;\n      }\n\n      .notification-details {\n        margin-block-start: var(--xs);\n      }\n    }\n\n    .notification-close-btn {\n      position: relative;\n      inset-block-start: -2px;\n      margin-inline-start: 10px;\n    }\n  }\n\n  .copied-elements-notification {\n    padding: 2px;\n    background: linear-gradient(\n      135deg,\n      var(--fuchsia-600),\n      var(--violet-600),\n      var(--indigo-600)\n    );\n\n    .notification-icon {\n      --icon-color: var(--fuchsia-500);\n    }\n\n    .notification-inner {\n      border-radius: var(--small-border-radius);\n      background: var(--white);\n    }\n\n    .copied-elements {\n      overflow: hidden;\n      margin-block-end: -10px;\n      padding-block-end: 10px;\n      position: relative;\n      pointer-events: none;\n\n      .chip:not(:first-child) {\n        position: absolute;\n\n        &::after {\n          content: '';\n          position: absolute;\n          display: block;\n          inset: -1px;\n          background: rgb(255 255 255 / var(--overlay-opacity));\n        }\n      }\n    }\n  }\n}\n\n.paste-btn {\n  background: linear-gradient(\n    135deg,\n    var(--fuchsia-600),\n    var(--violet-600),\n    var(--indigo-600)\n  );\n  color: var(--white);\n  text-shadow: 0 1px 2px rgb(0 0 0 / 25%);\n\n  --focus-ring: var(--focus-ring-outset);\n\n  &:hover,\n  &.loading {\n    background: linear-gradient(\n      135deg,\n      var(--fuchsia-700),\n      var(--violet-700),\n      var(--indigo-700)\n    );\n  }\n}\n\n#header-container {\n  margin-block-end: var(--m);\n}\n\n@media only screen and (min-width: $minFullUiWidth) {\n  #primary-nav-toggle {\n    display: none;\n  }\n\n  #crumbs:not(.empty) #primary-nav-toggle + nav ul li:first-child,\n  #crumbs.empty + .context-menu-container {\n    margin-inline-start: var(--padding);\n    padding-inline-start: 0;\n  }\n}\n\n#global-header,\n#header {\n  .flex {\n    max-width: 100%;\n\n    &.flex-nowrap {\n      min-width: 0;\n    }\n  }\n}\n\n#header {\n  display: flex;\n  align-items: flex-start;\n  place-content: stretch space-between;\n  flex-wrap: nowrap;\n  gap: var(--s);\n  padding-block: 5px;\n  padding-inline: var(--padding);\n  position: relative;\n  isolation: isolate;\n  box-sizing: border-box;\n  background-color: color.adjust(mixins.$grey300, $alpha: -1);\n  box-shadow: 0 1px 0 color.adjust(mixins.$grey800, $alpha: -1);\n  transition:\n    background-color linear 100ms,\n    box-shadow linear 100ms;\n\n  body.fixed-header & {\n    position: fixed;\n    z-index: 12;\n    inset-block-start: 0;\n    background-color: var(--gray-100);\n    box-shadow: 0 1px 0 color.adjust(mixins.$grey700, $alpha: -0.9);\n  }\n\n  @supports (backdrop-filter: blur(10px)) {\n    & {\n      transition:\n        background-color linear 100ms,\n        box-shadow linear 100ms,\n        backdrop-filter linear 100ms;\n\n      body.fixed-header & {\n        background-color: color.adjust(mixins.$grey100, $alpha: -0.25);\n        backdrop-filter: blur(10px);\n      }\n    }\n  }\n\n  h1 {\n    line-height: 1.3;\n    margin-block: 0;\n    min-width: 0;\n  }\n\n  .buttons,\n  .btngroup {\n    margin-block-start: 0;\n  }\n}\n\n#page-title {\n  --page-title-columns: 1fr 34px;\n  min-height: 34px;\n  display: grid;\n  grid-template-columns: var(--page-title-columns);\n  align-items: center;\n  gap: var(--s);\n\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#content-heading {\n  font-size: 0.875rem;\n  font-weight: normal;\n\n  &::before {\n    content: '/';\n    display: inline-block;\n    margin-inline: 0.5rem;\n  }\n\n  @media only screen and (min-width: $minHorizontalUiWidth) {\n    display: none;\n  }\n}\n\n#toolbar {\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 34px;\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    &::placeholder {\n      color: var(--light-text-color);\n    }\n\n    &:not(:focus) {\n      background-clip: border-box;\n    }\n  }\n}\n\n#revision-indicators {\n  min-width: 34px;\n  min-height: 34px;\n  display: flex;\n  align-items: center;\n  align-self: start;\n}\n\n#action-buttons {\n  flex-shrink: 0;\n\n  @media only screen and (width <= 400px) {\n    .btngroup .btn:first-child {\n      flex-basis: 100%;\n    }\n  }\n\n  @media only screen and (max-width: $minHorizontalUiWidth - calc(1rem / 16)) {\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n    margin-block-start: 10px;\n  }\n}\n\n#main-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding-block: 0 48px;\n  padding-inline: var(--padding);\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    margin-inline-start: calc(var(--xl) * -1);\n  }\n}\n\n#sidebar {\n  position: relative;\n  box-sizing: border-box;\n  padding-block: 0 var(--m);\n  padding-inline: 40px;\n  width: $sidebarWidth;\n  background-color: transparent;\n\n  &.fixed {\n    position: fixed;\n  }\n\n  nav {\n    margin-inline: -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  .skip-link {\n    margin-block: 0;\n    margin-inline: var(--s);\n  }\n\n  @media only screen and (min-width: $minFullUiWidth) {\n    padding-block: 0 var(--m);\n    padding-inline: 31px;\n  }\n}\n\n#content-container {\n  flex: 1 1 auto;\n\n  /*\n  Admittedly I'm not totally sure why this is necessary, but it seems to be.\n  We have to give #content-container some kind of \"hard\" width for it to properly\n  clip the content when table cells are long.\n   */\n  width: 400px;\n}\n\n.content-grid {\n  --size-main-content: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(var(--size-main-content), 1fr) var(\n      --touch-target-size\n    );\n\n  &:has(.content-grid__toggle) {\n    --size-main-content: calc(100% - var(--touch-target-size));\n  }\n}\n\n.content-grid__main {\n  grid-column: 1/1;\n}\n\n.content-pane {\n  @include mixins.pane;\n\n  --border-radius: var(--large-border-radius);\n  border-radius: var(--border-radius);\n  position: relative;\n  background-clip: padding-box;\n  padding: var(--padding);\n\n  --pane-padding: var(--padding);\n  word-wrap: break-word;\n\n  & > hr {\n    margin-inline: calc(var(--xl) * -1);\n  }\n}\n\n.content-pane:has(.flex-fields) {\n  container-type: inline-size;\n}\n\n#footer,\n.footer {\n  padding-block: 6px;\n  padding-inline: var(--pane-padding, var(--xl));\n  min-height: 44px;\n  line-height: calc(32rem / 16);\n\n  .buttons {\n    height: 32px;\n    display: flex;\n    align-items: center;\n  }\n\n  .btn {\n    padding-block: 4px;\n    height: var(--ui-control-height--small);\n  }\n}\n\n#footer {\n  position: sticky;\n  inset-block-end: 0;\n  z-index: 1;\n  margin-block: var(--padding) calc(var(--padding) * -1 + 2px);\n  margin-inline: calc(var(--padding) * -1 + 2px);\n  background-color: var(--gray-050);\n  border-radius: var(--small-border-radius);\n  box-sizing: border-box;\n  border-block-start: 2px solid var(--white);\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: color.adjust(mixins.$grey100, $alpha: -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-block-end: 52px;\n    }\n  }\n\n  & > *,\n  .flex > * {\n    margin-block-end: 0;\n  }\n}\n\n#details-container[data-state='collapsed'] {\n  display: none;\n}\n\n#details-toggle > button {\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  inset-block-start: 0;\n  height: 100%;\n  max-height: 100vh;\n  width: var(--touch-target-size);\n  border-radius: var(--ui-control-border-radius);\n\n  .details-toggle__inner {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--hairline-color);\n    width: calc(var(--touch-target-size) - var(--s));\n    height: calc(var(--touch-target-size) * 2);\n    border-radius: var(--ui-control-border-radius);\n    background-color: var(--gray-100);\n    position: relative;\n    z-index: 10;\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset-block: 0;\n    height: 100%;\n    width: 1px;\n    background-color: var(--hairline-color);\n  }\n\n  &:hover,\n  &:focus,\n  &:focus-visible {\n    .details-toggle__inner {\n      background-color: var(--gray-200);\n    }\n\n    &::before {\n      transform: scaleX(300%);\n    }\n  }\n\n  &:focus-visible,\n  &:focus {\n    box-shadow: none;\n\n    .details-toggle__inner {\n      box-shadow: var(--focus-ring);\n    }\n  }\n\n  .toggle-icon {\n    .rtl & {\n      transform: rotate(180deg);\n    }\n  }\n\n  &[aria-expanded='true'] .toggle-icon--open {\n    display: none;\n  }\n\n  &[aria-expanded='false'] .toggle-icon--close {\n    display: none;\n  }\n}\n\n#details-container {\n  display: block;\n  flex: 0 1 auto;\n  width: calc(var(--details-width));\n  position: sticky;\n  inset-block-start: 0;\n}\n\n#details {\n  display: none;\n}\n\n#details {\n  display: block;\n  width: $detailsWidth;\n  z-index: 1;\n\n  &.fixed {\n    position: fixed;\n  }\n\n  .details {\n    .meta {\n      border-radius: var(--large-border-radius);\n\n      &:not(.read-only, .warning) {\n        @include mixins.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-start-start-radius: var(--large-border-radius);\n          }\n\n          border-start-end-radius: var(--large-border-radius);\n        }\n\n        &:last-child {\n          &,\n          & > .status-badge {\n            border-end-start-radius: var(--large-border-radius);\n          }\n\n          border-end-end-radius: var(--large-border-radius);\n        }\n      }\n    }\n\n    & > .field {\n      & > .input > .text.fullwidth {\n        @include mixins.pane;\n      }\n    }\n\n    .notes {\n      border-radius: var(--large-border-radius);\n      padding-block: var(--m);\n    }\n  }\n}\n\n// Hide the sidebar at < 1200\n@media only screen and (max-width: $minFullUiWidth - calc(1rem/16)) {\n  #global-container {\n    inset-inline-start: -$sidebarWidth;\n    width: calc(100vw + #{$sidebarWidth});\n\n    .showing-nav & {\n      inset-inline-start: 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    &.has-sidebar {\n      padding-inline-start: 0;\n    }\n  }\n}\n\n// Rearrange #main-content to flow vertically at < 999\n@media only screen and (max-width: $minHorizontalUiWidth - calc(1rem/16)) {\n  #header {\n    display: block;\n\n    .flex:not(#toolbar) {\n      margin-block-start: 10px;\n    }\n  }\n\n  #toolbar {\n    flex-wrap: wrap !important;\n\n    & > * {\n      margin-block-start: 10px !important;\n    }\n  }\n\n  body.fixed-header #header .flex:first-child {\n    margin-block-start: 0;\n  }\n\n  #main-content {\n    display: block;\n\n    &.has-sidebar {\n      padding-block: 0 48px;\n      padding-inline: var(--padding);\n    }\n  }\n\n  #sidebar {\n    nav {\n      margin-inline: -40px;\n    }\n\n    .skip-link {\n      margin: 0;\n    }\n  }\n\n  #source-actions {\n    margin-block-start: var(--s);\n    margin-inline-start: -9px;\n  }\n\n  #sidebar-toggle-container {\n    display: block;\n    margin-block-end: var(--s);\n  }\n\n  #sidebar-toggle {\n    &::after {\n      inset-block-start: 0;\n      transform: rotate(45deg);\n\n      body.rtl & {\n        transform: rotate(135deg);\n      }\n    }\n  }\n\n  #content-container {\n    min-height: 0 !important;\n  }\n\n  .content-grid,\n  .content-grid:has(.content-grid__toggle) {\n    --size-main-content: 100%;\n  }\n\n  #sidebar-container,\n  #details-container {\n    width: auto !important;\n    padding-inline-start: 0 !important;\n    display: block;\n  }\n\n  .content-grid__toggle {\n    display: none;\n  }\n\n  #sidebar,\n  #details {\n    position: relative !important;\n    overflow-y: visible !important;\n    max-height: none !important;\n    width: auto;\n  }\n\n  #sidebar {\n    margin-block-end: var(--m);\n\n    body.showing-sidebar & {\n      @include mixins.pane;\n      padding-block: 0.5rem;\n      border-radius: var(--large-border-radius);\n    }\n\n    body:not(.showing-sidebar) & {\n      display: none;\n    }\n  }\n\n  #details-container {\n    margin-inline-end: 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-block-start: var(--m);\n\n    .details {\n      margin-block-end: auto;\n    }\n  }\n}\n\n// Tighten up the padding at < 768\n@media only screen and (width <= 767px) {\n  :root {\n    --padding: var(--s);\n    --neg-padding: calc(var(--s) * -1);\n  }\n\n  #tabs ul li {\n    a {\n      padding-inline: var(--m);\n    }\n\n    & + li {\n      margin-inline-start: -7px;\n    }\n  }\n\n  .card-grid {\n    display: flex !important;\n    flex-direction: column;\n  }\n}\n\n#settingsmenu ul li a {\n  padding-inline-start: 46px;\n\n  &::before {\n    margin-inline: -22px 0;\n    margin-block: 1px 0;\n    font-size: 15px;\n  }\n\n  img {\n    width: 16px;\n    height: 16px;\n    position: absolute;\n    margin-inline-start: -23px;\n    margin-block-start: 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 mixins.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-block: var(--m);\n    padding-inline: 0;\n    background-color: var(--gray-050);\n  }\n\n  .heading {\n    position: relative;\n    margin-block: 0;\n    margin-inline: var(--xl);\n\n    &:not(:first-child) {\n      margin-block-start: var(--m);\n    }\n\n    & > span {\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      padding-block: 0;\n      padding-inline: 5px;\n      margin-block: 0;\n      margin-inline: -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-block: 2px;\n      margin-inline: calc(var(--xl) * -1);\n    }\n  }\n\n  @mixin nav-level($level) {\n    & > a {\n      padding-inline-start: 24px + 14 * $level;\n    }\n\n    & > .toggle {\n      inset-inline-start: calc(var(--m) * #{$level});\n    }\n  }\n\n  nav {\n    padding-block: 0;\n    padding-inline: var(--s);\n\n    & > ul {\n      & > li:not(.heading),\n      & > li.heading > ul > li {\n        @include nav-level(0);\n\n        & > ul.nested > li {\n          @include nav-level(1);\n\n          & > ul.nested > li {\n            @include nav-level(2);\n\n            & > ul.nested > li {\n              @include nav-level(3);\n\n              & > ul.nested > li {\n                @include nav-level(4);\n              }\n            }\n          }\n        }\n      }\n    }\n\n    li {\n      position: relative;\n\n      &:not(.has-subnav) > a {\n        &:not(.sel):hover {\n          text-decoration: none;\n        }\n\n        &.sel,\n        &.active-drop-target {\n          cursor: default;\n          background-color: var(--gray-500);\n\n          --focus-ring: var(--focus-ring-outset);\n\n          &,\n          & + .toggle {\n            color: var(--white);\n          }\n        }\n\n        &.sel {\n          @include mixins.light-on-dark-text;\n\n          --focus-ring: var(--focus-ring-outset);\n        }\n      }\n\n      a {\n        position: relative;\n        margin-block-end: 1px;\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        padding-block: 7px;\n        padding-inline: var(--xl);\n        min-height: var(--xl);\n        box-sizing: border-box;\n        color: var(--text-color);\n        cursor: pointer;\n        user-select: none;\n        border-radius: var(--large-border-radius);\n        word-break: break-word;\n\n        .status {\n          flex-shrink: 1;\n        }\n\n        .icon {\n          position: relative;\n          inset-block-start: 1px;\n          margin-inline-end: 10px;\n          flex-shrink: 1;\n          width: calc(18 / 16 * 1rem);\n          height: calc(18 / 16 * 1rem);\n          word-break: normal;\n          transition:\n            margin-inline-start linear 150ms,\n            margin-inline-end linear 150ms;\n          opacity: 0.85;\n\n          &.icon-mask {\n            svg {\n              @include mixins.svg-mask(currentColor);\n            }\n\n            span[data-icon] {\n              color: currentcolor;\n            }\n          }\n\n          svg {\n            width: 1rem;\n            height: 1rem;\n          }\n\n          span[data-icon] {\n            font-size: 16px;\n\n            &::before {\n              display: block;\n            }\n          }\n        }\n\n        .label {\n          flex: 1;\n        }\n\n        .badge {\n          margin-inline: 10px -4px;\n          margin-block: 0;\n          flex-shrink: 1;\n          font-size: calc(10rem / 16);\n          line-height: 1rem;\n          min-width: 1.1rem;\n          height: 1rem;\n          padding-block: 0;\n          padding-inline: var(--xs);\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        inset-block-start: 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  @include mixins.pane;\n  margin-block-end: var(--l);\n  padding-block: var(--l);\n  padding-inline: var(--xl);\n  border-radius: var(--large-border-radius);\n  background-color: var(--gray-050);\n\n  .notification-icon {\n    color: var(--error-color);\n    margin-block: -2px 0;\n    margin-inline: 0 6px;\n    float: inline-start;\n  }\n\n  h2 {\n    margin-block-start: 0;\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.slideout {\n  .error-summary {\n    border: 1px solid var(--error-color);\n    box-shadow: none;\n    background-color: rgb(var(--error-color-rgb) / 3%);\n    padding: var(--m);\n  }\n\n  // Slideouts with tabs need slightly different margins\n  .flex-fields .error-summary {\n    margin-block: 0 var(--row-gap);\n    margin-inline: var(--row-gap);\n  }\n}\n\n.content.has-sidebar:not(.hiding-sidebar) {\n  margin-inline-start: $sidebarWidth;\n}\n\n#content-notice {\n  margin-block: 0;\n  margin-inline: calc(var(--xl) * -1);\n  padding-block: 0;\n  padding-inline: var(--xl);\n\n  &:not(:last-child) {\n    padding-block-end: 5px;\n    border-block-end: 1px solid var(--hairline-color);\n    margin-block-end: 5px;\n  }\n}\n\n/* flexbox field layouts */\n.flex-fields {\n  --row-gap: var(--xl);\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  margin-block: 0 calc(var(--padding) * -1);\n  margin-inline: calc(var(--padding) * -1);\n  width: calc(100% + var(--padding) * 2);\n  container-type: inline-size;\n\n  & > :not(.error-summary) {\n    margin-block: 0 var(--row-gap) !important;\n    margin-inline: 0 !important;\n    padding-block: 0;\n    padding-inline: var(--padding);\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-block-start: var(--xl);\n      border-block-start: 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-block-end: 0 !important;\n  }\n\n  & > :not(h2, hr, .line-break) {\n    &,\n    &:last-child {\n      position: relative;\n      width: 100%;\n\n      &::before {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: -1px;\n        width: 1px;\n        height: 100%;\n        content: '';\n\n        // same BG color as the hairline around the content pane’s 1px shadow\n        background-color: color.adjust(mixins.$grey200, $alpha: -0.5);\n      }\n    }\n  }\n\n  & > :not(h2, hr, .line-break) {\n    &,\n    &:last-child {\n      // 4 cols for container width >= 800px\n      @container (min-width: calc(800rem/16)) {\n        &.width-25 {\n          width: 25%;\n        }\n\n        &.width-50 {\n          width: 50%;\n        }\n\n        &.width-75 {\n          width: 75%;\n        }\n      }\n\n      // 2 cols when container width >= 400px and < 800px\n      @container (min-width: calc(400rem/16)) and (max-width: calc(800rem/16 - 1px)) {\n        &.width-25 {\n          width: 50%;\n        }\n      }\n    }\n  }\n}\n","@charset \"utf-8\";\n\n/* range inputs */\n\n/* h/t https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */\n\n/* h/t https://stackoverflow.com/a/38163892/1688568 */\n\n$trackColor: var(--white);\n$trackHeight: 6px;\n$trackBorderRadius: 3px;\n$trackShadow: inset 0 0 0 1px var(--ui-control-color);\n$thumbColor: var(--ui-control-color);\n$thumbSize: var(--m);\n$thumbShadow: 0 0 0 1px var(--white);\n$thumbBorderRadius: calc(var(--touch-target-size) / 2);\n\n.range-wrapper {\n  max-width: 200px;\n}\n\ninput.range {\n  display: block;\n  appearance: none;\n  width: 100%; // for FF\n}\n\ninput.range:focus {\n  outline: none;\n}\n\n// Thumb styles\ninput.range::-webkit-slider-thumb {\n  border: none;\n  height: $thumbSize;\n  width: $thumbSize;\n  border-radius: $thumbBorderRadius;\n  background: $thumbColor;\n  box-shadow: $thumbShadow;\n  cursor: pointer;\n  appearance: none;\n  margin-block-start: calc((#{$thumbSize} / 2) * -1 + (#{$trackHeight} / 2));\n}\n\ninput.range::-moz-range-thumb {\n  border: none;\n  height: $thumbSize;\n  width: $thumbSize;\n  border-radius: $thumbBorderRadius;\n  background: $thumbColor;\n  box-shadow: $thumbShadow;\n  cursor: pointer;\n}\n\ninput.range::-ms-thumb {\n  border: none;\n  height: $thumbSize;\n  width: $thumbSize;\n  border-radius: $thumbBorderRadius;\n  background: $thumbColor;\n  box-shadow: $thumbShadow;\n  cursor: pointer;\n}\n\n// Track styles\ninput.range::-webkit-slider-runnable-track {\n  width: 100%;\n  height: $trackHeight;\n  cursor: pointer;\n  background: $trackColor;\n  border-radius: $trackBorderRadius;\n  box-shadow: $trackShadow;\n}\n\ninput.range::-moz-range-track {\n  width: 100%;\n  height: $trackHeight;\n  cursor: pointer;\n  background: $trackColor;\n  border-radius: $trackBorderRadius;\n  box-shadow: $trackShadow;\n}\n\ninput.range::-ms-track {\n  width: 100%;\n  height: $trackHeight;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\n\ninput.range::-ms-fill-lower {\n  background: $trackColor;\n  border: none;\n  border-radius: $trackBorderRadius;\n}\n\ninput.range::-ms-fill-upper {\n  background: $trackColor;\n  border: none;\n  border-radius: $trackBorderRadius;\n}\n\ninput.range:focus::-ms-fill-lower {\n  background: $trackColor;\n}\n","@use '@craftcms/sass/mixins';\n@use 'cp';\n\n.global-sidebar {\n  --is-always-visible: true;\n  position: sticky;\n  inset-block-start: 0;\n  display: grid;\n  grid-template-columns: var(--global-sidebar-width);\n  grid-template-rows: calc(var(--header-height) + 1px) minmax(0, 1fr) auto;\n  grid-auto-flow: row;\n  height: 100vh;\n  padding: 0;\n  -webkit-overflow-scrolling: touch;\n  background-color: var(--gray-150);\n  border-inline-end: 1px solid var(--hairline-color);\n  width: var(--global-sidebar-width);\n  isolation: isolate;\n  z-index: 1;\n\n  a {\n    text-decoration: none;\n  }\n\n  & > a,\n  *:not(.has-subnav) > a {\n    &:not([href]) {\n      cursor: default;\n      background-color: transparent;\n    }\n  }\n\n  @media only screen and (max-width: cp.$minFullUiWidth - calc(1rem/16)) {\n    --is-always-visible: false;\n  }\n}\n\n.global-sidebar__nav {\n  padding-block: var(--s);\n  padding-inline: 0;\n  overflow: hidden auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  overscroll-behavior: contain;\n}\n\n.global-sidebar__footer {\n  margin-block-start: auto;\n  border-block-start: 1px solid var(--hairline-color);\n}\n\n.global-nav > ul {\n  display: flex;\n  flex-direction: column;\n}\n\n.global-nav > ul > li {\n  position: relative;\n}\n\n.nav-icon {\n  display: inline-flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 1.25rem;\n  height: 1rem;\n  line-height: 0;\n\n  --thumb-size: 1rem;\n\n  > svg {\n    @include mixins.svg-mask(currentColor);\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.nav-item {\n  display: grid;\n  grid-template-columns:\n    var(--nav-item-gutter-width) minmax(0, 1fr) var(--nav-item-prefix-width)\n    var(--nav-item-gutter-width);\n  grid-template-areas: '. action trigger .' 'subnav subnav subnav subnav';\n  align-items: center;\n  width: 100%;\n  padding-block: var(--xs);\n\n  > .sidebar-action {\n    grid-area: action;\n  }\n\n  &.sel {\n    color: var(--nav-item-fgColor-active);\n    background-color: var(--nav-item-bgColor-active);\n  }\n}\n\n.nav-item--sub {\n  padding-block: 0;\n}\n\n.nav-item__trigger {\n  --icon-size: 10px;\n  width: var(--nav-item-trigger-size);\n  grid-area: trigger;\n  display: flex;\n  justify-content: center;\n  z-index: 1;\n\n  .menubtn {\n    padding: 0;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: var(--nav-item-trigger-size);\n    height: var(--nav-item-trigger-size);\n    border: transparent;\n\n    &:hover {\n      background-color: var(--nav-item-bgColor-hover);\n    }\n\n    &[aria-expanded='true']:not(:hover) {\n      background-color: transparent;\n    }\n\n    &[aria-expanded='true']::after {\n      @include mixins.angle(up);\n    }\n\n    &::after {\n      margin-inline-start: 0 !important;\n    }\n  }\n}\n\n.nav-item__subnav {\n  --nav-item-prefix-ratio: 4/3;\n  display: none;\n  grid-area: subnav;\n  gap: 1px;\n  margin-block: 1px;\n  flex-direction: column;\n\n  &[data-state='expanded'] {\n    display: flex;\n  }\n}\n\n.badge {\n  display: inline-flex;\n  justify-content: center;\n  text-align: center;\n  font-size: calc(10rem / 16);\n  line-height: 1rem;\n  min-width: 1.1rem;\n  height: 1rem;\n  padding-block: 0;\n  padding-inline: var(--xs);\n  border-radius: var(--s);\n  background-color: var(--nav-item-badge-bgColor);\n  color: var(--nav-item-badge-fgColor);\n}\n\n.sidebar-actions {\n  display: none;\n\n  @media only screen and (min-width: cp.$minFullUiWidth) {\n    display: block;\n    padding-block: 10px;\n    padding-inline: var(\n      --nav-item-gutter-width\n    ); // match padding of #system-info\n\n    #sidebar-trigger {\n      display: flex;\n    }\n  }\n}\n\n.sidebar-action {\n  --thumb-size: 0.75rem;\n  display: grid;\n  grid-template-columns: var(--nav-item-prefix-width) minmax(0, 1fr) auto;\n  width: 100%;\n  align-items: center;\n  position: relative;\n  text-align: start;\n  border-radius: var(--medium-border-radius);\n  color: currentcolor;\n  cursor: pointer;\n  min-height: 30px;\n  font-weight: 500;\n\n  // Active indicator\n  &::before {\n    content: '';\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 50%;\n    transform: translateY(-50%) translateX(-150%);\n    height: 95%;\n    width: var(--nav-item-indicator-size);\n    border-radius: var(--small-border-radius);\n\n    // No logical properties for transforms\n    .rtl & {\n      transform: translateY(-50%) translateX(150%);\n    }\n  }\n\n  &:focus-visible,\n  &:hover {\n    color: var(--nav-item-fgColor-hover);\n    background-color: var(--nav-item-bgColor-hover);\n  }\n\n  &[aria-current='page'],\n  &[aria-current='true'] {\n    &::before {\n      background-color: var(--nav-item-fgColor-active);\n    }\n  }\n}\n\n.sidebar-action--sub {\n  font-size: 0.9em;\n  min-height: 26px;\n\n  &::before {\n    display: none;\n  }\n\n  .sidebar-action__prefix {\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset-inline-start: 50%;\n      width: var(--nav-item-indicator-size);\n      height: var(--nav-item-indicator-size);\n      border-radius: 100%;\n      inset-block-start: 50%;\n      background-color: currentcolor;\n      transform: translateY(-50%) translateX(-50%);\n\n      // No logical properties for transforms\n      .rtl & {\n        transform: translateY(-50%) translateX(50%);\n      }\n    }\n  }\n\n  &[aria-current='page'],\n  &[aria-current='true'] {\n    --nav-item-indicator-size: 6px;\n  }\n}\n\n.sidebar-action--job {\n  align-items: start;\n\n  .sidebar-action__label {\n    flex-wrap: wrap;\n    padding-block: var(--2xs);\n    gap: var(--2xs);\n  }\n\n  .label {\n    white-space: normal;\n  }\n\n  .progress-label {\n    width: 100%;\n    display: block;\n    color: var(--gray-300);\n    font-size: 11px;\n    line-height: 1.5;\n  }\n\n  .nav-icon {\n    display: block;\n    position: relative;\n    width: 16px;\n    height: 16px;\n\n    & > canvas {\n      display: block;\n      position: absolute;\n      width: 16px;\n      height: 16px;\n    }\n  }\n\n  #job-icon-hover {\n    opacity: 0;\n  }\n\n  &:hover {\n    #job-icon-hover {\n      opacity: 1;\n    }\n\n    #job-icon-static {\n      opacity: 0;\n    }\n  }\n}\n\n.sidebar-action__prefix {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--nav-item-prefix-width);\n  aspect-ratio: var(--nav-item-prefix-ratio);\n  line-height: 0;\n}\n\n.sidebar-action__label {\n  display: flex;\n  gap: var(--s);\n  align-items: center;\n  padding-block: 0;\n  padding-inline: var(--xs);\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  margin-inline-start: 7px; // magic number to align with system name\n\n  [data-icon='external'] {\n    display: inline-flex;\n  }\n}\n\n.sidebar-action__badge {\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding-block: 0;\n  padding-inline: var(--s);\n  margin-inline-start: auto;\n}\n\n/**\nStates\n */\n@media only screen and (min-width: cp.$minFullUiWidth) {\n  [data-sidebar='collapsed'] {\n    .global-sidebar {\n      --global-sidebar-width: calc(50rem / 16);\n    }\n\n    .nav-item {\n      grid-template-areas: '. action .' '. trigger .' 'subnav subnav subnav';\n      grid-template-columns:\n        var(--nav-item-gutter-width) var(--nav-item-prefix-width)\n        var(--nav-item-gutter-width);\n      justify-items: center;\n    }\n\n    .nav-item__indicator {\n      inset-inline-end: -1px;\n    }\n\n    .sidebar-action {\n      width: var(--nav-item-prefix-width);\n      min-height: var(--nav-item-prefix-width);\n    }\n\n    .nav-item__trigger {\n      .menubtn {\n        width: 100%;\n        height: var(--touch-target-size);\n        padding-block: 2px var(--xs);\n      }\n    }\n\n    .sidebar-action__label {\n      display: none;\n    }\n\n    .sidebar-action__badge {\n      z-index: 100;\n      position: absolute;\n      inset-inline-end: calc(var(--xs) * -1);\n      inset-block-end: var(--xs);\n      transform: translateY(25%);\n      padding: 0;\n    }\n\n    .sidebar-action--sub {\n      min-height: 26px;\n    }\n\n    .global-nav > ul > li + li {\n      --separator-width: calc(28rem / 16);\n\n      &::before {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: calc(\n          (var(--global-sidebar-width) - var(--separator-width)) / 2\n        );\n        content: '';\n        width: var(--separator-width);\n        height: 1px;\n        margin-block: 0;\n        margin-inline: auto;\n        background-color: var(--hairline-color);\n      }\n    }\n  }\n\n  [data-sidebar='expanded'] {\n    #sidebar-toggle-icon {\n      transform: rotate(180deg);\n    }\n  }\n}\n","craft-spinner {\n  display: flex;\n  justify-content: center;\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n}\n",".craft-tooltip {\n  position: fixed;\n  white-space: normal;\n  opacity: 0;\n  width: max-content;\n  max-width: 240px;\n  transition:\n    opacity 100ms ease-in-out,\n    transform 150ms ease-in-out;\n  /* stylelint-disable */\n  /* We need to keep these non-logical so floating-ui can override them */\n  top: 0;\n  left: 0;\n  /* stylelint-enable */\n  z-index: 99;\n\n  [placement^='bottom'] &,\n  [placement^='top'] & {\n    text-align: center;\n  }\n}\n\n.craft-tooltip > .inner {\n  position: relative;\n  display: inline-block;\n  background-color: var(--white);\n  color: var(--gray-700);\n  border: 1px solid var(--dark-hairline-color);\n  box-shadow: 0 0 10px rgb(0 0 0 / 20%);\n  border-radius: var(--medium-border-radius);\n  padding-block: var(--xs);\n  padding-inline: var(--s);\n  user-select: none;\n  font-weight: 400;\n}\n\n.craft-tooltip .arrow {\n  position: absolute;\n  background: var(--white);\n  width: 8px;\n  height: 8px;\n  transform: rotate(45deg);\n  border-style: solid;\n  border-width: 1px;\n  border-color: transparent;\n\n  // Not using logical properties here because `data-placement` will change based on direction via JS\n  &[data-placement^='bottom'] {\n    border-color: var(--dark-hairline-color) transparent transparent\n      var(--dark-hairline-color);\n  }\n\n  &[data-placement^='top'] {\n    border-color: transparent var(--dark-hairline-color)\n      var(--dark-hairline-color) transparent;\n  }\n\n  &[data-placement^='right'] {\n    border-color: transparent transparent var(--dark-hairline-color)\n      var(--dark-hairline-color);\n  }\n\n  &[data-placement^='left'] {\n    border-color: var(--dark-hairline-color) var(--dark-hairline-color)\n      transparent transparent;\n  }\n}\n","@charset \"UTF-8\";\n@use 'sass:color';\n@use '@craftcms/sass/mixins';\n\n.lp-editor-container,\n.lp-preview-container {\n  position: fixed;\n  inset-block-start: 0;\n  height: 100%;\n  background-color: var(--white);\n  z-index: 100;\n\n  & > header {\n    padding-block: 5px;\n    padding-inline: var(--pane-padding, var(--xl));\n    background-color: var(--gray-100);\n    box-shadow: 0 1px 0 color.adjust(mixins.$grey700, $alpha: -0.8);\n    box-sizing: border-box;\n    position: relative;\n    z-index: 1;\n    height: 44px;\n\n    @supports (backdrop-filter: blur(10px)) {\n      & {\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        width: 100%;\n        background-color: color.adjust(mixins.$grey100, $alpha: -0.25);\n        backdrop-filter: blur(10px);\n\n        & + .lp-content {\n          padding-block-start: #{44 + 24}px;\n        }\n      }\n    }\n\n    .btn,\n    .spinner,\n    .checkmark-icon {\n      margin-block-end: 0;\n    }\n\n    .btn[data-icon='xmark'] {\n      margin-inline: calc(-12rem / 16) calc(var(--s) * -1);\n\n      &:not(:hover, :active, [aria-expanded='true']) {\n        background-color: transparent;\n      }\n    }\n\n    .lp-toolbar {\n      min-width: 0;\n\n      .pane-tabs {\n        margin-inline: 0 !important;\n\n        [role='tablist'] {\n          padding-block: 0;\n          padding-inline: 12px;\n\n          &.scrollable {\n            mask-image: linear-gradient(\n              to right,\n              rgb(0 0 0 / 0%),\n              rgb(0 0 0) 12px,\n              rgb(0 0 0) calc(100% - 12px),\n              rgb(0 0 0 / 0%) 100%\n            );\n          }\n\n          [role='tab'] {\n            background-color: transparent;\n          }\n        }\n\n        .menubtn:not(.action-btn) {\n          --focus-ring: var(--inner-focus-ring);\n          margin-inline: 0;\n\n          &:not(:empty, .btn-empty)::after {\n            margin-inline-start: 0;\n          }\n        }\n      }\n    }\n  }\n}\n\n.lp-editor-container {\n  display: flex;\n  flex-direction: column;\n\n  .lp-editor-header {\n    display: flex;\n    align-items: center;\n    align-content: stretch;\n    gap: var(--xs);\n\n    &:not(:has(.lp-close-btn)) {\n      padding-inline-start: 0;\n\n      .pane-tabs [role='tablist'] {\n        padding-inline-start: 0;\n      }\n    }\n  }\n\n  .lp-content {\n    flex: 1;\n    padding: var(--pane-padding, var(--xl));\n    overflow: auto;\n    box-sizing: border-box;\n    position: relative;\n\n    &:not(.loading) > .spinner {\n      display: none;\n    }\n\n    &.loading > .spinner {\n      position: absolute;\n      inset-block-start: calc(50% - 17px);\n      inset-inline-start: calc(50% - 12px);\n      color: var(--ui-control-color);\n    }\n  }\n\n  .lp-draghandle {\n    position: absolute;\n    z-index: 101;\n    inset-block-start: 0;\n    inset-inline-end: -2px;\n    width: 4px;\n    height: 100%;\n    cursor: col-resize;\n  }\n\n  & > footer {\n    padding-block: 5px;\n    padding-inline: var(--pane-padding, var(--xl));\n    box-shadow: inset 0 1px 0 var(--hairline-color);\n    background-color: var(--gray-100);\n    justify-content: end;\n    height: 44px;\n  }\n}\n\n.lp-preview-container {\n  display: flex;\n  flex-direction: column;\n  box-shadow: -1px 0 0 color.adjust(mixins.$grey700, $alpha: -0.8);\n\n  &.dragging::after {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 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: color.adjust(mixins.$grey100, $alpha: -0.25);\n    }\n\n    .buttons {\n      margin: 0;\n\n      .btn + .btn {\n        margin-inline-start: 7px;\n      }\n    }\n\n    & + .lp-iframe-container {\n      padding-block-start: 0;\n\n      @supports (backdrop-filter: blur(10px)) {\n        padding-block-start: 44px;\n      }\n    }\n\n    .lp-device-type {\n      .btn {\n        &::before {\n          width: 27px;\n          height: 22px;\n          display: block;\n          content: '';\n          background-size: contain;\n          background-repeat: no-repeat;\n          background-position: center;\n          transition-duration: 0.3s;\n        }\n\n        // SVGs\n        &.lp-device-type-btn--phone::before {\n          background-image: url('../images/preview/icon-phone.svg');\n        }\n\n        &.lp-device-type-btn--tablet::before {\n          background-image: url('../images/preview/icon-tablet.svg');\n        }\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\n    &.lp-device-type__label--tablet::before {\n      background-image: url('../images/preview/icon-tablet.svg');\n    }\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    inset-block: unset 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-block-start: 0 !important;\n      position: relative;\n      inset-block-start: 0;\n      height: calc(100% - 44px);\n      width: 100%;\n      background-color: var(--gray-100);\n\n      @supports (backdrop-filter: blur(10px)) {\n        inset-block-start: 44px;\n      }\n\n      // Preview container\n      .lp-device-preview-container {\n        position: absolute;\n        inset-block-start: 50%;\n        inset-inline-start: 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        inset-block-start: 50%;\n        inset-inline-start: 50%;\n        z-index: 1;\n        background-image: url('../images/preview/chrome-phone-top.svg'),\n          url('../images/preview/chrome-phone-bottom.svg');\n        background-position:\n          top center,\n          bottom center;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-color: #fff;\n        box-shadow: 0 0 58px rgb(6 67 117 / 30%);\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\n        .lp-device-preview-container {\n          opacity: 0;\n          transition: opacity 0s;\n        }\n      }\n    }\n  }\n}\n","@charset \"UTF-8\";\n@use '../../../../../../node_modules/@craftcms/sass/mixins';\n\n.login-alt-menu {\n  z-index: 1001;\n}\n\nbody.login {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n\n  header {\n    flex: 0 0 calc(var(--header-height) + 1px);\n    display: flex;\n    align-items: center;\n    padding: var(--header-padding);\n    border-block-end: var(--header-border);\n    background: var(--header-bg);\n\n    #system-info {\n      padding-inline: 0;\n\n      &:hover,\n      &:focus {\n        background: transparent;\n      }\n    }\n  }\n\n  main {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--m);\n    padding: var(--padding);\n\n    img#login-logo {\n      width: auto;\n      max-width: calc(15rem + var(--pane-padding) * 2);\n    }\n\n    #poweredby {\n      display: block;\n      margin-block-start: calc(70rem / 16 - var(--m));\n      text-align: center;\n      opacity: 0.8;\n\n      &:hover,\n      &:focus,\n      &:active {\n        opacity: 1;\n      }\n\n      > svg {\n        display: inline-block;\n      }\n    }\n  }\n}\n\n.modal.email-sent {\n  width: 300px;\n\n  .body {\n    padding-inline-start: 68px;\n\n    &::before {\n      @include mixins.icon;\n      display: block;\n      position: absolute;\n      inset-block-start: 24px;\n      inset-inline-start: 24px;\n      content: 'mail';\n      font-size: 30px;\n      color: var(--link-color);\n    }\n  }\n}\n\n.login-modal {\n  width: calc(600px + var(--l) * 2);\n  max-width: calc(100% - 20px);\n  background: var(--login-modal-bg, var(--modal-bg));\n  border-radius: var(--large-border-radius);\n\n  .body {\n    display: flex;\n    flex-direction: row;\n    padding: var(--l);\n\n    .login-modal-intro,\n    .login-modal-form {\n      width: 300px;\n      max-width: 100%;\n    }\n\n    .login-modal-intro {\n      padding: var(--m);\n    }\n  }\n\n  @media screen and (width <= 656px) {\n    border-radius: var(--large-border-radius);\n\n    .body {\n      padding: var(--m);\n      flex-direction: column;\n      gap: var(--m);\n      overflow: auto;\n\n      .login-modal-intro {\n        padding-block: var(--xs);\n        padding-inline: var(--xl);\n      }\n\n      .login-modal-form {\n        border-radius: 0;\n      }\n    }\n  }\n}\n\n.login-container {\n  position: relative;\n  width: calc(15rem + var(--pane-padding) * 2);\n  max-width: 100%;\n\n  form {\n    display: flex;\n    flex-direction: column;\n    gap: var(--l);\n\n    input[readonly] {\n      cursor: not-allowed;\n    }\n\n    .field {\n      margin-block: 0;\n    }\n\n    hr {\n      margin-block: calc(var(--pane-padding) - var(--l));\n    }\n\n    .btn {\n      display: flex;\n    }\n  }\n\n  .alternative-login-methods {\n    margin-block-start: var(--m);\n\n    .btn {\n      width: 100%;\n    }\n  }\n\n  .login-forgot-password,\n  .login-alt-container button {\n    font-size: 11px;\n    color: var(--light-text-color);\n  }\n\n  .login-alt-container {\n    margin-block: calc(var(--s) - var(--pane-padding));\n    margin-inline: 0;\n\n    button {\n      display: inline-flex;\n      width: auto;\n    }\n  }\n\n  .login-forgot-password:hover,\n  .login-forgot-password:focus,\n  .login-alt-container button:hover,\n  .login-alt-container button:focus {\n    color: var(--link-color);\n  }\n\n  .login-errors {\n    text-align: center;\n    color: var(--error-color);\n    margin-block-start: 1em;\n  }\n\n  .login-reset-password .login-errors {\n    margin-block-start: 0;\n  }\n}\n","@use 'sass:color';\n@use 'sass:list';\n@use 'sass:string';\n$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\n\n// hairline colors\n$hairlineColor: color.adjust($grey800, $alpha: -0.9);\n$mediumHairlineColor: color.adjust($grey600, $alpha: -0.75);\n$darkHairlineColor: color.adjust($grey400, $alpha: -0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing:\n  0 0 0 1px $lightFocusColor,\n  0 0 0 3px color.adjust($lightFocusColor, $alpha: -0.3);\n$mediumFocusRing:\n  0 0 0 1px $mediumFocusColor,\n  0 0 0 3px color.adjust($mediumFocusColor, $alpha: -0.3);\n$darkFocusRing:\n  0 0 0 1px $darkFocusColor,\n  0 0 0 3px color.adjust($darkFocusColor, $alpha: -0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n\n@mixin sans-serif-font {\n  font-family:\n    system-ui,\n    BlinkMacSystemFont,\n    -apple-system,\n    'Segoe UI',\n    'Roboto',\n    'Oxygen',\n    'Ubuntu',\n    'Cantarell',\n    'Fira Sans',\n    'Droid Sans',\n    'Helvetica Neue',\n    sans-serif;\n}\n\n@mixin fixed-width-font($size: 0.9em) {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: $size !important;\n}\n\n@function toRem($values...) {\n  @warn \"torem mixin is deprecated. Use calc($value / 16 * 1rem) instead.\";\n  $max: list.length($values);\n  $remValues: '';\n\n  @for $i from 1 through $max {\n    $remValues: #{$remValues + calc(list.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  @warn \"fontsize mixin is deprecated. Use CSS values instead.\";\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: never;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: calc(7rem / 16);\n  height: calc(7rem / 16);\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n  position: relative;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n    inset-block-start: 2px;\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px color.adjust($grey900, $alpha: -0.8);\n}\n\n@mixin pane {\n  background: var(--pane-bg);\n  box-shadow: var(--pane-shadow);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border: var(--modal-border);\n  border-radius: var(--modal-border-radius);\n  background-color: var(--modal-bg);\n  box-shadow: var(--modal-shadow) !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}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px\n      hsl(\n        #{color.hue($blue200)},\n        #{color.saturation($blue200)},\n        #{color.lightness($blue200)}\n      ),\n    0 0 0 3px hsla(var(--light-focus-hsl), 1);\n}\n\n@mixin dark-btn-light-bg-focus-ring() {\n  --focus-ring: var(--focus-ring-outset);\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  @warn \"left mixin is deprecated. Use inset-inline-start instead.\";\n  inset-inline-start: $left;\n}\n\n@mixin right($right) {\n  @warn \"right mixin is deprecated. Use inset-inline-end instead.\";\n  inset-inline-end: $right;\n}\n\n@mixin alignleft {\n  @warn \"alignleft mixin is deprecated. Use text-align: start instead.\";\n  text-align: start;\n}\n\n@mixin alignright {\n  @warn \"alignright mixin is deprecated. Use text-align: end instead.\";\n  text-align: end;\n}\n\n@mixin border-left($params...) {\n  @warn \"border-left mixin is deprecated. Use border-inline-start instead.\";\n  border-inline-start: $params;\n}\n\n@mixin border-right($params...) {\n  @warn \"border-right mixin is deprecated. Use border-inline-end instead.\";\n  border-inline-end: $params;\n}\n\n@mixin border-left-width($param) {\n  @warn \"border-left-width mixin is deprecated. Use border-inline-start-width instead.\";\n  border-inline-start-width: $param;\n}\n\n@mixin border-right-width($param) {\n  @warn \"border-right-width mixin is deprecated. Use border-inline-end-width instead.\";\n  border-inline-end-width: $param;\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  @warn \"border-radius mixin is deprecated. Use logical border properties instead.\";\n  border-start-start-radius: $tl;\n  border-start-end-radius: $tr;\n  border-end-end-radius: $br;\n  border-end-start-radius: $bl;\n}\n\n@mixin border-top-left-radius($params...) {\n  @warn \"border-top-left-radius mixin is deprecated. Use border-start-start-radius instead.\";\n  border-start-start-radius: $params;\n}\n\n@mixin border-top-right-radius($params...) {\n  @warn \"border-top-right-radius mixin is deprecated. Use border-end-start-radius instead.\";\n  border-start-end-radius: $params;\n}\n\n@mixin border-bottom-left-radius($params...) {\n  @warn \"border-bottom-left-radius mixin is deprecated. Use border-start-end-radius instead.\";\n  border-start-end-radius: $params;\n}\n\n@mixin border-bottom-right-radius($params...) {\n  @warn \"border-bottom-right-radius mixin is deprecated. Use border-end-end-radius instead.\";\n  border-end-end-radius: $params;\n}\n\n@mixin floatleft {\n  @warn \"floatleft mixin is deprecated. Use float: inline-start instead.\";\n  float: inline-start;\n}\n\n@mixin floatright {\n  @warn \"floatright mixin is deprecated. Use float: inline-end instead.\";\n  float: inline-end;\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  @warn \"margin mixin is deprecated. Use logical margin properties instead.\";\n  margin-block: $t $b string.unquote($important);\n  margin-inline: $l $r string.unquote($important);\n}\n\n@mixin margin-left($margin...) {\n  @warn \"margin-left mixin is deprecated. Use margin-inline-start instead.\";\n  margin-inline-start: $margin;\n}\n\n@mixin margin-right($margin...) {\n  @warn \"margin-left mixin is deprecated. Use margin-inline-end instead.\";\n  margin-inline-end: $margin;\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  @warn \"padding mixin is deprecated. Use padding logical properties instead.\";\n  padding-block: $t $b string.unquote($important);\n  padding-inline: $l $r string.unquote($important);\n}\n\n@mixin padding-left($padding...) {\n  @warn \"padding-left mixin is deprecated. Use padding-inline-start properties instead.\";\n  padding-inline-start: $padding;\n}\n\n@mixin padding-right($padding...) {\n  @warn \"padding-right mixin is deprecated. Use padding-inline-end properties instead.\";\n  padding-inline-end: $padding;\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: color.adjust($grey200, $lightness: -5%);\n    }\n\n    &:active,\n    &.active,\n    &[aria-expanded='true'] {\n      background-color: color.adjust($grey200, $lightness: -10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: color.adjust($grey200, $lightness: -5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: calc(30rem / 16);\n  height: calc(30rem / 16);\n  min-height: auto;\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active):not([aria-expanded='true']) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):not([aria-expanded='true']):hover {\n    background-color: color.adjust($grey300, $alpha: -0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow:\n    0 0 0 1px color.adjust($grey900, $alpha: -0.9),\n    0 5px 20px color.adjust($grey900, $alpha: -0.75);\n}\n\n@mixin menu-item-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-item-active-styles {\n  color: var(--white) !important;\n  --medium-text-color: rgba(255, 255, 255, 0.8);\n  --light-text-color: rgba(255, 255, 255, 0.8);\n  background-color: var(--dark-sel-color);\n\n  svg {\n    @include svg-mask(var(--white));\n  }\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: var(--input-border-radius);\n  border: var(--input-border);\n  background: var(--input-bg);\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  inset-block-start: calc(50% - 5px);\n  inset-inline-end: 9px;\n  user-select: none;\n  pointer-events: none;\n  color: var(--ui-control-color);\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  padding-block: 7px;\n  padding-inline: 10px 22px;\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: var(--button-bg);\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-hovered-styles {\n  outline-color: transparent;\n  background-color: var(--button-bg--hover);\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n@mixin not-visually-hidden {\n  position: static;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1,\n  .h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2,\n  .h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    padding-inline-start: 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    inset-inline-end: 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      border-inline-start: 4px solid $hairlineColor;\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      padding-inline-start: 50px;\n      border: 1px solid;\n\n      &.dismissible {\n        padding-inline-end: 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        inset-inline-start: 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      #{color.adjust($grey300, $alpha: -0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #{color.adjust($grey300, $alpha: -0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      45deg,\n      transparent 75%,\n      #{color.adjust($grey300, $alpha: -0.75)} 75%\n    ),\n    linear-gradient(\n      135deg,\n      transparent 75%,\n      #{color.adjust($grey300, $alpha: -0.75)} 75%\n    );\n  background-size: $size $size;\n  background-position:\n    0 0,\n    $halfSize 0,\n    $halfSize -#{$halfSize},\n    0 $halfSize;\n}\n","@charset \"UTF-8\";\n@use 'sass:color';\n@use '@craftcms/sass/mixins';\n\n.entry-type-override-settings-body {\n  flex: 1;\n  margin-block: -24px 0;\n  margin-inline: var(--neg-padding);\n  padding-block: 24px;\n  padding-inline: var(--padding);\n  overflow: hidden auto;\n  position: relative;\n}\n\n.entry-type-override-settings-footer {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  margin-block: 0 -24px;\n  margin-inline: var(--neg-padding);\n  padding-block: 5px;\n  padding-inline: var(--padding);\n  @include mixins.pane;\n  background-color: var(--gray-050);\n  z-index: 3;\n\n  & > .ee-site-select {\n    flex: 1;\n  }\n\n  & > .btn {\n    margin-inline-start: 5px;\n  }\n\n  & > .spinner {\n    margin-inline: 0 var(--neg-padding);\n    margin-block: 0;\n  }\n}\n","@charset \"UTF-8\";\n@use 'sass:color';\n@use '@craftcms/sass/mixins';\n\n$base: 24px;\n$tabPadding: 14px;\n$tabWidth: $base * 12;\n$gridColor: var(--gray-100);\n\n@mixin workspace-bg {\n  background-color: var(--gray-050);\n  background-image: linear-gradient(to right, $gridColor 1px, transparent 0),\n    linear-gradient(to bottom, $gridColor 1px, transparent 1px);\n  background-size: $base $base;\n}\n\n.layoutdesigner {\n  container-type: inline-size;\n}\n\n.fld-container {\n  display: flex;\n  align-items: stretch;\n  position: relative;\n  @include mixins.input-styles;\n  overflow: hidden;\n  box-shadow: none;\n  min-height: 500px;\n\n  .errors > .layoutdesigner > & {\n    border: 1px solid var(--error-color) !important;\n  }\n\n  .fld-workspace {\n    flex: 1;\n    max-width: 100%;\n    border-start-start-radius: calc(var(--small-border-radius) - 1px);\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-end-start-radius: calc(var(--small-border-radius) - 1px);\n    padding-inline: $base 0;\n    padding-block: $base;\n    @include workspace-bg;\n    background-position: -1px -1px;\n    box-shadow: inset 0 1px 3px -1px color.adjust(mixins.$grey200, $lightness: -10%);\n\n    .fld-tabs {\n      display: flex;\n      align-items: flex-start;\n      flex-wrap: wrap;\n    }\n  }\n\n  .fld-library {\n    display: none;\n  }\n}\n\n.fld-library-hud {\n  width: $tabWidth - 1;\n  max-width: 100%;\n\n  .main {\n    height: 100%;\n    padding: $tabPadding;\n  }\n}\n\n.fld-new-tab-btn:active {\n  background-color: var(--gray-050);\n}\n\n.fld-library {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  .btngroup {\n    margin-block-end: $tabPadding;\n  }\n\n  .fld-field-library,\n  .fld-ui-library {\n    margin-block: -3px;\n    margin-inline: #{-$tabPadding};\n    padding-block: 3px;\n    padding-inline: #{$tabPadding};\n    flex: 1;\n    min-height: 0;\n    max-height: 550px;\n    overflow: auto;\n  }\n\n  .fld-field-library {\n    .fld-field-group {\n      margin-block-start: $tabPadding;\n\n      & > *:not(:first-child) {\n        margin-block-start: var(--s);\n      }\n    }\n\n    .fld-field-indicators {\n      display: none;\n    }\n  }\n\n  .fld-ui-library > *:not(:first-child) {\n    margin-block-start: var(--s);\n  }\n\n  .filtered {\n    display: none !important;\n  }\n}\n\n.layoutdesigner .fld-library,\n.fld-tab .tabs .tab,\n.fld-tab .fld-tabcontent {\n  background-color: var(--white);\n  box-shadow:\n    0 0 0 1px color.adjust(mixins.$grey900, $alpha: -0.9),\n    0 2px 5px -2px color.adjust(mixins.$grey900, $alpha: -0.8);\n}\n\n.fld-new-tab-btn {\n  background: var(--white) !important;\n  box-shadow:\n    0 0 0 1px #{color.adjust(mixins.$grey900, $alpha: -0.9)},\n    0 2px 5px -2px #{color.adjust(mixins.$grey900, $alpha: -0.8)};\n}\n\n.fld-tab .settings::before,\n.fld-element .settings::before {\n  margin-block-start: -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  max-width: 100%;\n  padding-inline: 0 $base + 1;\n  padding-block: 0 $base;\n  box-sizing: border-box;\n\n  .tabs {\n    margin-block: -10px 0;\n    margin-inline: -12px;\n    padding-block: 10px 0;\n    padding-inline: 12px;\n    overflow: hidden;\n    display: flex;\n\n    .tab {\n      display: flex;\n      align-items: center;\n      gap: var(--xs);\n      max-width: calc(100% - 10px);\n      box-sizing: border-box;\n      padding-block: 8px;\n      padding-inline: $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  }\n\n  .fld-tab__name {\n    margin-block: 0;\n    font-weight: var(--font-weight-regular);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .fld-tabcontent {\n    padding: $tabPadding;\n    border-start-start-radius: 0;\n    border-start-end-radius: var(--medium-border-radius);\n    border-end-end-radius: var(--medium-border-radius);\n    border-end-start-radius: var(--medium-border-radius);\n\n    & > .fld-element,\n    & > .fld-add-btn {\n      &:not(:first-child) {\n        margin-block-start: var(--s);\n      }\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 workspace-bg;\n    }\n\n    .tabs .tab {\n      background-position: -1px -1px;\n    }\n\n    .fld-tabcontent {\n      background-position: -1px -13px;\n    }\n  }\n}\n\n.fld-tab-caboose {\n  min-height: 24px;\n}\n\n.fld-element {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: var(--s);\n  gap: var(--s);\n  box-shadow: inset 0 0 0 1px var(--hairline-color);\n  border-radius: var(--medium-border-radius);\n  background-color: var(--white);\n\n  body:not(.dragging) & {\n    cursor: move;\n    cursor: grab;\n  }\n\n  &.fld-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 mixins.shadow;\n  }\n\n  &.fld-field {\n    color: var(--medium-text-color);\n    background-color: var(--gray-100);\n\n    &:not(.draghelper, :focus) {\n      box-shadow: none;\n    }\n\n    .field-name {\n      display: flex;\n      flex-direction: column;\n      gap: var(--xs);\n    }\n  }\n\n  .fld-element-icon {\n    text-align: center;\n\n    &,\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    svg {\n      @include mixins.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      gap: var(--xs);\n    }\n\n    .fld-element-label h4,\n    .fld-attribute .smalltext {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .fld-element-label h4 {\n      font-weight: normal;\n      color: var(--text-color);\n      margin: 0;\n    }\n  }\n}\n\n.fld-hr,\n.fld-br {\n  position: relative;\n  flex: 1;\n  display: flex;\n  justify-content: center;\n\n  &::before {\n    position: absolute;\n    display: block;\n    inset-block-start: calc(50% - 2px);\n    inset-inline-start: 0;\n    width: 100%;\n    height: 4px;\n    content: '';\n    font-size: 0;\n    border-radius: 2px;\n  }\n\n  .smalltext {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: var(--gray-100);\n    border-radius: var(--large-border-radius);\n    padding-block: 0;\n    padding-inline: var(--s);\n    height: var(--touch-target-size);\n  }\n}\n\n.fld-hr::before {\n  background-color: var(--gray-100);\n}\n\n.fld-br::before {\n  background-image: repeating-linear-gradient(\n    to right,\n    var(--gray-100),\n    var(--gray-100) calc(100% / 19),\n    transparent calc(100% / 19),\n    transparent calc(100% / 9.5),\n    var(--gray-100) calc(100% / 9.5)\n  );\n}\n\n.fld-element-settings-body {\n  flex: 1;\n  margin-block: -24px 0;\n  margin-inline: var(--neg-padding);\n  padding-block: 24px;\n  padding-inline: var(--padding);\n  overflow: hidden auto;\n  position: relative;\n\n  hr {\n    margin-inline: -24px;\n  }\n}\n\n.fld-element-settings-footer {\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  margin-block: 0 -24px;\n  margin-inline: var(--neg-padding);\n  padding-block: 5px;\n  padding-inline: var(--padding);\n  @include mixins.pane;\n  background-color: var(--gray-050);\n  z-index: 3;\n\n  & > .ee-site-select {\n    flex: 1;\n  }\n\n  & > .btn {\n    margin-inline-start: 5px;\n  }\n\n  & > .spinner {\n    margin-inline: 0 var(--neg-padding);\n    margin-block: 0;\n  }\n}\n\n// card view designer\n.card-view-designer {\n  container: cvd / inline-size;\n}\n\n.cvd-container {\n  display: grid;\n  position: relative;\n  overflow: hidden;\n  box-shadow: none;\n  gap: var(--xl);\n}\n\n@container cvd (width > 37.5rem) {\n  .cvd-container {\n    grid-template-columns: 1fr 2fr;\n  }\n}\n\n.cvd-library {\n  .draggable {\n    display: flex;\n  }\n}\n\n.cvd-preview-container {\n  padding: var(--xl);\n  border: 1px solid #{color.adjust(mixins.$inputColor, $alpha: -0.75)} !important;\n  border-radius: var(--small-border-radius);\n  display: grid;\n  height: 100%;\n  align-items: center;\n}\n\n.cvd-preview {\n  &:not(.loading) .spinner {\n    display: none;\n  }\n}\n\n.cvd-thumbnail {\n  --icon-size: 2rem;\n  --icon-color: var(--gray-300);\n  width: 100%;\n  aspect-ratio: 4/3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--gray-150);\n  border-radius: var(--medium-border-radius);\n}\n\n.card-placeholder {\n  display: inline-block;\n  border: 1px dashed mixins.$grey300;\n  border-radius: var(--small-border-radius);\n  padding-block: 0.1em;\n  padding-inline: 0.5em;\n}\n\n.field.cvd-field {\n  margin-block-start: 0.2em !important;\n  margin-inline-start: 0.5em;\n}\n","@charset \"UTF-8\";\n@use 'sass:color';\n@use '@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 mixins.light-on-dark-text;\n  @include mixins.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, .noborder) {\n  background-color: var(--gray-600);\n  color: var(--white);\n}\n\n.modal.imageeditor .btn:not(.submit, .noborder):hover {\n  background-color: var(--gray-700);\n}\n\n.modal.imageeditor .btn:not(.submit, .noborder).active {\n  background-color: var(--gray-800);\n}\n\n.modal.imageeditor .icon::before {\n  width: 24px;\n  height: 24px;\n  margin-inline-start: -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-inline-end: 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-block-end: 1px solid var(--gray-1000);\n  cursor: pointer;\n\n  &::before {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    content: '';\n    width: 0;\n    height: 100%;\n    background-color: currentcolor;\n  }\n\n  &.selected {\n    background-color: color.adjust(mixins.$grey900, $lightness: -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: color.adjust(mixins.$grey900, $lightness: -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-block-end: 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-inline-end: 14px;\n  margin-block-end: 14px;\n}\n\n.modal.imageeditor .body .views .filters ul li:last-child {\n  margin-inline-end: 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  inset-block-start: 0;\n  inset-inline-start: 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: calc(60 / 16 * 1rem);\n  display: block;\n  margin-block: 0;\n  margin-inline: auto;\n  overflow: hidden;\n}\n\n.modal.imageeditor .footer {\n  position: absolute;\n  background-color: transparent;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  width: 100%;\n  border-block-start: 1px solid #000;\n\n  body.has-debug-toolbar & {\n    padding-block-end: 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-block: 0;\n    padding-inline: var(--xs);\n  }\n\n  .constraint-group {\n    display: grid;\n    grid-gap: var(--xs);\n  }\n\n  .custom {\n    padding-inline-start: calc(1rem + 5px);\n  }\n\n  .orientation {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    input {\n      appearance: none;\n      background-position: center center;\n      background-repeat: no-repeat;\n      margin-block: 0;\n      margin-inline: 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-block-start: 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-block-start: 1px solid #000;\n  border-block-end: 1px solid #000;\n}\n\n.vertical.imageeditor .body .tabs ul li {\n  flex-grow: 1;\n  border: 0;\n  border-inline-end: 1px solid #000;\n  padding-block: 10px;\n  padding-inline: 7px;\n\n  &::before {\n    inset-block-start: unset;\n    inset-block-start: 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-block-end: -14px;\n}\n\n.vertical.imageeditor .body .views .rotate .btngroup {\n  margin-block: 0 14px;\n  margin-inline: 7px;\n}\n\n.vertical.imageeditor .body .views .filters ul {\n  width: auto;\n  height: 109px;\n  overflow: auto;\n  white-space: nowrap;\n  margin-block: 0;\n  margin-inline: -24px;\n  margin-block-end: -24px;\n  padding: 24px;\n  text-align: center;\n}\n\n.vertical.imageeditor .body .views .filters ul li {\n  display: inline-block;\n  margin-block-end: 0;\n}\n\n/* Slide Rule */\n\n.slide-rule {\n  position: relative;\n  padding-block: 10px;\n  padding-inline: 0;\n\n  &:focus-visible {\n    .cursor::after {\n      box-shadow: var(--focus-ring);\n    }\n  }\n\n  .cursor {\n    &::after {\n      content: '';\n      width: calc(20 / 16 * 1rem);\n      height: calc(50 / 16 * 1rem);\n      position: absolute;\n      inset-block-start: -15px;\n      inset-inline-start: 50%;\n      transform: translateX(-50%);\n    }\n  }\n}\n\n.slide-rule .cursor {\n  position: absolute;\n  margin-inline-start: calc(-4 / 16 * 1rem);\n  margin-block-start: 4px;\n  inset-inline-start: 50%;\n  z-index: 1;\n  width: 0;\n  height: 0;\n  border-inline-start: calc(5 / 16 * 1rem) solid transparent;\n  border-inline-end: calc(5 / 16 * 1rem) solid transparent;\n  border-block-start: calc(5 / 16 * 1rem) 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: inline-start;\n  height: 40px;\n\n  /* We need to use \"left\" vs. a logical property here because that's wha the JS sets */\n  transition: 200ms left linear; /* stylelint-disable-line */\n}\n\n.slide-rule.dragging .graduations ul {\n  transition: none;\n}\n\n.slide-rule .graduations ul li {\n  display: inline-block;\n  font-size: 8px;\n  position: relative;\n  width: 10px;\n\n  &:hover {\n    cursor: pointer;\n\n    &::before {\n      border-inline-start-color: #63a6e1;\n    }\n  }\n}\n\n.slide-rule .graduations ul li:not(.main-graduation) {\n  inset-inline-start: 1px;\n}\n\n.slide-rule .graduations ul li.main-graduation::before {\n  border-inline-start-width: 4px;\n  height: 10px;\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-inline-start-color: #63a6e1;\n}\n\n.slide-rule .graduations ul li::before {\n  content: '';\n  position: absolute;\n  border-inline-start: 2px solid var(--white);\n  height: 6px;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n}\n\n.slide-rule .graduations ul li .label {\n  width: 20px;\n  position: absolute;\n  inset-block-start: 10px;\n  inset-inline-start: -9px;\n  display: none;\n  text-align: center;\n}\n\n.slide-rule .value {\n  display: none;\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 50%;\n  z-index: 1;\n  box-sizing: border-box;\n  padding: 5px;\n  width: 50px;\n  margin-inline-start: -25px;\n  background: var(--gray-600);\n}\n\n.slide-rule .overlay {\n  z-index: 2;\n  position: absolute;\n  inset-block: 0 1px;\n  inset-inline: 0;\n  pointer-events: none;\n  background-image: linear-gradient(\n    to right,\n    var(--gray-900) 0%,\n    color.adjust(mixins.$grey900, $alpha: -1) 15%,\n    color.adjust(mixins.$grey900, $alpha: -1) 85%,\n    var(--gray-900) 100%\n  );\n}\n\n/* Misc */\n\n.menu.dark {\n  background-color: var(--gray-600);\n  @include mixins.light-on-dark-text;\n\n  ul {\n    li {\n      a {\n        color: var(--white) !important;\n\n        &:not(.sel, .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  inset-block-start: 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: rgb(0 0 0 / 60%);\n}\n\n.cp-chart .grid-line .tick {\n  stroke: rgb(0 0 0 / 8%);\n  stroke-opacity: 0.7;\n  shape-rendering: crispedges;\n}\n\n.cp-chart .grid-line .tick line {\n  stroke: rgb(0 0 0 / 8%);\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-block: 7px;\n  padding-inline: 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":""}