{"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,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,oBC7NF,2BAME,+BACA,qCACA,oCACA,0BACA,8BACA,6BACA,2BACA,6BACA,+BACA,6BACA,4BAGA,mBACA,8BACA,6BACA,2BACA,mBACA,gCAGA,mCACA,sDACA,iCACA,+DACA,8BACA,kCACA,2CACA,iCACA,+BACA,sCAGA,uDACA,6BACA,wBAKA,4IACA,+IAGA,yIAGA,sCAGA,iKACA,mJAIA,gBAOA,gBACA,gBACA,mCACA,oBACA,2BAKA,iBACA,0BACA,eAKA,aACA,WACA,aACA,aACA,YACA,oBACA,iCACA,iCAOA,sCACA,uCACA,oDACA,4CACA,0DACA,2DACA,yCACA,qCACA,6BACA,mCACA,6BAGA,oCAGA,qCACA,iCACA,uCACA,sCACA,qCACA,oCACA,iCACA,0BACA,iDACA,kCCpHF,yBACE,8BACA,kCAGA,sCACA,8BACA,0CAGA,qCACA,uBAGA,wCAGA,sDACA,kDACA,+CAGA,iDACA,6CACA,2CAGA,6CACA,yCACA,4CAGA,0CACA,4BAGA,8BACA,kCACA,uCACA,6CACA,kCACA,gCACA,qCACA,2CACA,kCAGA,kCACA,oCACA,wDAGA,yCACA,uCAGA,wCACA,uCACA,iDACA,wCAGA,oDACA,sDACA,yDACA,2CACA,uDACA,yDACA,oDACA,0DACA,iCACA,gCACA,2CACA,6CACA,6BACA,6BACA,oCAGA,kDAGA,kDACA,oDACA,oDACA,kDACA,kDFiIA,CEhIA,WC/DA,kBAEE,CAHJ,iBACE,+MAEE,oCAKF,CAQF,KAWE,uBACA,CAVA,0BAQF,sBACE,CATA,8BAUA,2CAEA,uBACA,yKAQF,6SC6GI,6TDrFF,iEAGF,gDAoBA,QACE,sCAGF,4CAIA,4CAIA,4CAIA,8CAIA,mCAIA,8CAIA,QACE,oCAGF,0CAIA,0CAIA,0CAIA,4CAIA,sCAIA,iDAIA,QACE,uCAGF,OACE,sCAGF,6CAIA,6CAIA,+CAIA,OACE,6B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","sources":["webpack:///./css/craft.scss","webpack:///./css/_color-palette.scss","webpack:///./css/_tokens.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-disclosure.scss","webpack:///./css/_craft-tooltip.scss","webpack:///./css/_craft-spinner.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/_grouped-entry-type-select.scss","webpack:///./css/_image_editor.scss","webpack:///./css/_shame.scss","webpack:///./css/_debug_toolbar.scss","webpack:///./css/charts.scss"],"sourcesContent":[":root{--white: #fff;--black: #000;--gray-050-hsl: 212, 60%, 97%;--gray-100-hsl: 212, 50%, 93%;--gray-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-primary: var(--red-600);--bg-secondary: var(--gray-500);--bg-selection-light: var(--gray-200);--bg-selection-dark: var(--gray-500);--bg-error: var(--red-100);--bg-warning: var(--amber-100);--bg-success: var(--teal-100);--bg-notice: var(--sky-100);--bg-enabled: var(--teal-550);--bg-pending: var(--orange-400);--bg-disabled: var(--red-600);--fg-subtle: var(--gray-550);--fg-error: #d81f23;--fg-warning: var(--amber-700);--fg-success: var(--teal-700);--fg-notice: var(--sky-700);--fg-input: hsl(212deg 25% 50%);--border-primary: var(--red-600);--border-secondary: var(--gray-500);--border-hairline: rgb(from var(--gray-800) r g b / 10%);--border-hairline-medium: #cfd8e3;--border-hairline-dark: rgb(from hsl(210deg 10% 53%) r g b / 50%);--border-error: var(--red-300);--border-warning: var(--amber-300);--border-warning-emphasis: var(--amber-600);--border-success: var(--teal-300);--border-notice: var(--sky-300);--focus-outline-light: var(--blue-300);--focus-outline-medium: var(--focus-ring-color, #0284c7);--focus-outline-dark: #0f74b1;--focus-ring-alpha: 0.85;--focus-ring-light: 0 0 0 1px hsl(from var(--focus-outline-light) h s calc(l + 10)), 0 0 0 3px rgb(from var(--focus-outline-light) r g b / 97%);--focus-ring-medium: 0 0 0 1px hsl(from var(--focus-outline-medium) h s calc(l + 10)), 0 0 0 3px rgb(from var(--focus-outline-medium) r g b / 97%);--focus-ring-dark: 0 0 0 1px hsl(from var(--focus-outline-dark) h s calc(l + 20)), 0 0 0 3px rgb(from var(--focus-outline-dark) r g b / 97%);--focus-ring: var(--focus-ring-medium);--focus-ring-outset: 0 0 0 1px currentcolor, 0 0 0 3px var(--focus-outline-medium), 0 0 6px 2px hsl(from var(--focus-outline-medium) h s l / var(--focus-ring-alpha));--focus-ring-inner: inset 0 0 0 1px var(--focus-outline-medium), inset 0 0 0 3px hsl(from var(--focus-outline-medium) h s l / var(--focus-ring-alpha));--radius-sm: 3px;--radius-md: 4px;--radius-lg: 5px;--radius-full: calc(infinity * 1px);--radius-circle: 50%;--size-touch-target: calc(24rem / 16);--size-icon: 1rem;--size-line-height: 1.42em;--2xs: calc(2rem / 16);--xs: calc(4rem / 16);--s: calc(8rem / 16);--m: calc(14rem / 16);--l: calc(18rem / 16);--xl: calc(24rem / 16);--padding: var(--xl);--neg-padding: calc(var(--xl) * -1);--ui-control-fg: var(--fg-subtle);--ui-control-fg-hover: var(--gray-600);--ui-control-fg-active: var(--gray-700);--ui-control-bg: rgb(from var(--fg-input) r g b / 25%);--ui-control-bg-static: var(--ui-control-bg);--ui-control-bg-hover: rgb(from var(--fg-input) r g b / 30%);--ui-control-bg-active: rgb(from var(--fg-input) r g b / 50%);--ui-control-border: var(--ui-control-fg);--ui-control-radius: var(--radius-lg);--ui-control-height: calc(34rem / 16);--ui-control-height-small: calc(30rem / 16);--sidebar-bg: var(--gray-150);--nav-item-indicator-size: var(--xs);--nav-item-badge-bg: var(--fg-subtle);--nav-item-badge-fg: var(--white);--nav-item-fg-active: var(--text-color);--nav-item-fg-hover: var(--text-color);--nav-item-bg-active: var(--gray-200);--nav-item-bg-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)}:root{--bg-color: var(--body-bg);--bg-color-hsl: 212deg, 50%, 93%;--primary-color: var(--bg-primary);--secondary-color: var(--bg-secondary);--input-color: var(--fg-input);--medium-dark-text-color: var(--fg-subtle);--medium-text-color: var(--fg-subtle);--font-weight-bold: 700;--hairline-color: var(--border-hairline);--medium-hairline-color: var(--border-hairline-medium);--dark-hairline-color: var(--border-hairline-dark);--light-focus-color: var(--focus-outline-light);--medium-focus-color: var(--focus-outline-medium);--dark-focus-color: var(--focus-outline-dark);--light-focus-ring: var(--focus-ring-light);--medium-focus-ring: var(--focus-ring-medium);--dark-focus-ring: var(--focus-ring-dark);--light-sel-color: var(--bg-selection-light);--dark-sel-color: var(--bg-selection-dark);--error-color-rgb: 216 31 35;--error-color: var(--fg-error);--warning-color: var(--fg-warning);--warning-background: var(--bg-warning);--warning-border-color: var(--border-warning);--success-color: var(--fg-success);--notice-color: var(--fg-notice);--notice-background: var(--bg-notice);--notice-border-color: var(--border-notice);--enabled-color: var(--bg-enabled);--pending-color: var(--bg-pending);--disabled-color: var(--bg-disabled);--indicator-border-color: var(--border-warning-emphasis);--indicator-icon-color: var(--fg-warning);--small-border-radius: var(--radius-sm);--medium-border-radius: var(--radius-md);--large-border-radius: var(--radius-lg);--menu-border-radius: var(--medium-border-radius);--ui-control-color: var(--ui-control-fg);--ui-control-hover-color: var(--ui-control-fg-hover);--ui-control-active-color: var(--ui-control-fg-active);--ui-control-static-bg-color: var(--ui-control-bg-static);--ui-control-bg-color: var(--ui-control-bg);--ui-control-hover-bg-color: var(--ui-control-bg-hover);--ui-control-active-bg-color: var(--ui-control-bg-active);--ui-control-border-radius: var(--ui-control-radius);--ui-control-height--small: var(--ui-control-height-small);--light-focus-hsl: 212deg, 96%, 78%;--dark-focus-hsl: 203deg, 84%, 38%;--inner-focus-ring: var(--focus-ring-inner);--touch-target-size: var(--size-touch-target);--icon-size: var(--size-icon);--lh: var(--size-line-height);--sidebar-bgColor: var(--sidebar-bg);--nav-item-badge-bgColor: var(--nav-item-badge-bg);--nav-item-badge-fgColor: var(--nav-item-badge-fg);--nav-item-fgColor-active: var(--nav-item-fg-active);--nav-item-bgColor-active: var(--nav-item-bg-active);--nav-item-fgColor-hover: var(--nav-item-fg-hover);--nav-item-bgColor-hover: var(--nav-item-bg-hover)}@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}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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}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(--border-warning-emphasis);border-radius:var(--radius-sm);color:var(--fg-warning);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(--fg-subtle)}h5,.h5{margin-block:14px 3px;margin-inline:0;line-height:1.2;color:var(--fg-subtle)}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(--radius-sm);border:1px solid var(--border-hairline)}.warning code,.warning .code{background-color:var(--bg-warning);border-color:var(--border-warning)}.tip code,.tip .code{background-color:var(--bg-notice);border-color:var(--border-notice)}.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(--fg-success)}.alert-icon{background-color:var(--gray-200)}.alert-icon::before{content:\"alert\";color:var(--fg-error)}.revision-status-hud{max-width:400px}.revision-status-hud .http-error{border-radius:var(--radius-md);border:1px solid var(--border-hairline);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(--radius-lg)}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,.toggle[aria-expanded=true]::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(--fg-subtle) !important}.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(--fg-success) !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(--fg-notice) !important}.notice a{text-decoration:underline}.notice.with-icon::before,.notice .icon::before{content:\"lightbulb\"}.warning{color:var(--fg-warning) !important}.warning.with-icon::before,.warning .icon::before{content:\"alert\"}.error{color:var(--fg-error) !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(--bg-disabled)}.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(--fg-warning)}.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(--border-hairline);border-start-start-radius:var(--radius-lg)}.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(--border-hairline);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(--border-hairline)}.customize-sources-item.sel{--focus-ring: var(--focus-ring-outset);--ui-control-color: var(--selected-item-color);background-color:var(--bg-selection-dark);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(--fg-subtle)}.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(--radius-lg) !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(--border-hairline-medium)}.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(--border-hairline-dark)}.btn.hairline-dark{border:1px solid var(--border-hairline-dark)}.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(--fg-subtle)}.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(--radius-lg)}.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}.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(--fg-subtle);height:1.375rem}craft-copy-attribute button{gap:5px;display:inline-flex;border:1px solid var(--border-hairline);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(--border-hairline-medium);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(--fg-error)}.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{--focus-ring: var(--focus-ring-light);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.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(--fg-subtle)}.lightswitch-outer-container{display:flex}.lightswitch-outer-container .lightswitch-inner-container{border:1px solid var(--border-hairline);border-radius:var(--radius-sm);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(--fg-subtle);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{--_lightswitch-border-color: var( --lightswitch-border-color, hsl(from var(--input-border-color) h s l / 80%) );display:block;position:relative;border:none !important;overflow:hidden;cursor:pointer;user-select:none;background-image:linear-gradient(to right, var(--gray-200), var(--gray-200));transition:background-image linear 100ms;box-shadow:inset 0 0 0 1px var(--_lightswitch-border-color)}.lightswitch[disabled]{--_lightswitch-border-color: var( --lightswitch-border-color-disabled, hsl(from var(--input-border-color) h s l / 30%) )}.lightswitch.on{--_lightswitch-border-color: oklch( from var(--bg-enabled) calc(l - 0.1) c h );background-image:linear-gradient(to right, var(--bg-enabled), var(--bg-enabled))}.lightswitch.on .lightswitch-container .handle::before{background-color:var(--enabled-color);mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E%0A\");mask-repeat:no-repeat}.lightswitch.on.small .lightswitch-container .handle::before{background-color:hsl(from var(--enabled-color) h s calc(l - 20))}.lightswitch.indeterminate{background-image:linear-gradient(to right, var(--bg-enabled) 40%, var(--gray-200) 60%)}.lightswitch .lightswitch-container{position:relative;height:100%}.lightswitch .lightswitch-container .handle{position:absolute;inset-block-start:2px;background-color:var(--white);box-shadow:inset 0 0 0 1px var(--_lightswitch-border-color)}.lightswitch .lightswitch-container .handle::before{content:\"\";position:absolute;inset-block-start:50%;inset-inline-start:54%;transform:translateX(-50%) translateY(-50%);width:12px;height:12px}.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)}.lightswitch.small .lightswitch-container .handle::before{width:8px;height:8px}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(--radius-md)}.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(--border-hairline);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(--border-hairline),var(--focus-ring)}.pagination .page-link.disabled{opacity:1}.pagination .page-link.disabled::after{border-color:var(--border-hairline)}.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(--radius-sm));border-end-start-radius:var(--border-radius, var(--radius-sm))}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(--radius-sm));border-end-end-radius:var(--border-radius, var(--radius-sm))}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(--bg-selection-light)}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(--bg-selection-dark)}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);--fg-subtle: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(--focus-light)}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(--bg-selection-light)}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(--border-hairline)}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(--radius-lg);--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),.card:not(.chromeless),.matrixblock:not(.chromeless){color:var(--custom-text-color, var(--text-color))}.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(--radius-lg);box-shadow:inset 0 0 0 1px var(--custom-border-color, var(--gray-200));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;--fg-subtle: 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(--focus-outline-light));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(--bg-selection-dark)) !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(--radius-lg)}.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 .infoicon-container{margin-inline-start:var(--xs)}.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(--radius-sm);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(--radius-lg)}.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(--radius-lg);border-start-end-radius:var(--radius-lg);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(--radius-lg);border-end-end-radius:var(--radius-lg);width:100%;overflow:hidden}@container (min-width: 200px){.card>.card-main{grid-template-areas:\"content thumb\";grid-template-columns:1fr auto}}.card>.card-main>.thumb{grid-area: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(--radius-sm)}.card>.card-main>.card-content{grid-area:content}.card.thumb-start>.card-main{grid-template-areas:\"thumb content\";grid-template-columns:auto 1fr}.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(--focus-ring-inner)}.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;--fg-subtle: var(--white);--light-text-color: var(--white);--link-color: var(--white);--ui-control-color: var(--white);--focus-ring: 0 0 0 3px hsl(var(--focus-outline-light));color:var(--white);background-color:var(--custom-sel-bg-color, var(--bg-selection-dark)) !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(--radius-lg)}.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(--fg-subtle);border-radius:calc(var(--touch-target-size)/2);border:1px solid var(--border-hairline-medium)}.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(--border-hairline-medium);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(--border-hairline-dark) !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(--focus-ring-inner)}.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(--fg-error)}.element-index .source-path{background-color:var(--gray-050);border-radius:3px;--ui-control-bg-color: var(--bg-selection-light);--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(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;padding:var(--pane-padding);box-shadow:0 1px 0 var(--border-hairline);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(--border-hairline)}.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(--border-hairline)}.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(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) !important;box-shadow:none;border-block-start:1px solid var(--border-hairline);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(--radius-lg)}.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(--radius-sm))}.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:not(.datatablesorthelper) .tableview{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);overflow-x:auto}.elementselectormodal .elements:not(.datatablesorthelper) .tableview{margin-block:0;margin-inline:0}.elements:not(.datatablesorthelper) .tableview th,.elements:not(.datatablesorthelper) .tableview td{height:34px}.elements:not(.datatablesorthelper) .tableview th .move,.elements:not(.datatablesorthelper) .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:not(.datatablesorthelper) .tableview th .move{font-size:11px;text-decoration:none}.elements:not(.datatablesorthelper) .tableview th .toggle{text-align:center;padding:4px;border-radius:50%}.elements:not(.datatablesorthelper) .tableview th .move+.toggle{margin-inline-start:calc(var(--touch-target-size)*-2)}.elements:not(.datatablesorthelper) .tableview th .enabled-label{margin-inline-start:var(--xs)}.elements:not(.datatablesorthelper) .tableview tr.disabled{opacity:1}.elements:not(.datatablesorthelper) .tableview tr.disabled>th>div>*,.elements:not(.datatablesorthelper) .tableview tr.disabled>td{opacity:.25}.elements:not(.datatablesorthelper) .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(--radius-lg)}.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(--border-hairline-dark)}.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}.elementselect__search-input-wrapper,.tagselect__input-wrapper{position:relative;z-index:1;width:12em}.elementselect__search-input-wrapper .text,.tagselect__input-wrapper .text{padding-inline-end:30px !important}.elementselect__search-input-wrapper .spinner,.tagselect__input-wrapper .spinner{position:absolute;inset-block-start:0;inset-inline-end:5px}.elementselect__search-input-wrapper.icon.add::before,.tagselect__input-wrapper.icon.add::before{content:none}.elementselect__search-input-wrapper svg,.tagselect__input-wrapper svg{width:.875rem;height:.875rem;fill:var(--ui-control-color)}.nested-element-cards{display:flex;flex-direction:column;gap:var(--s)}.nested-element-cards>.pane{margin:0}table.editable{border-radius:var(--radius-lg);border:var(--input-border);color:var(--text-color)}table.editable th,table.editable td.heading,table.editable td.action{color:var(--fg-subtle);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(--radius-lg)}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(--radius-lg) - 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(--radius-lg)}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(--radius-lg) - 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(--radius-lg)}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(--radius-lg) - 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(--radius-lg)}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(--radius-lg) - 1px)}table.editable thead tr th{border-block-end:1px solid var(--border-hairline);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(--border-hairline)}table.editable tbody tr td:not(:first-child),table.editable tbody tr th~td:not(.hidden)~td{border-inline-start:1px solid var(--border-hairline)}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(--border-hairline)}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(--fg-error)}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(--radius-md) var(--radius-md)}.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(--bg-pending) 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(--bg-enabled)}.status.red,.bg-red,.status.off,.status.suspended,.status.expired{background-color:var(--bg-disabled)}.status.warning{background-color:var(--fg-warning)}.status.orange,.bg-orange,.status.pending{background-color:var(--bg-pending)}.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(--bg-enabled)}.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(--bg-disabled)}.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(--bg-pending)}.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(--bg-enabled)}.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(--fg-warning)}.icon.red,.cp-icon.red,[data-icon].red,[data-icon-after].red{--icon-color: var(--bg-disabled)}.icon.orange,.cp-icon.orange,[data-icon].orange,[data-icon-after].orange{--icon-color: var(--bg-pending)}.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(--bg-enabled)}.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(--border-hairline-medium);border-radius:var(--radius-lg)}.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(--border-hairline);background-color:var(--gray-050)}.condition-rule:first-child{border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.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(--border-hairline);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(--border-hairline);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(--border-hairline-medium) !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,.pane.chromeless{border:none !important}.pane.chromeless{background-color:rgba(0,0,0,0) !important;box-shadow:none}.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(--radius-lg) var(--radius-lg) 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(--radius-lg) var(--radius-lg) 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(--fg-error) !important;--tab-label-color: var(--fg-error) !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(--focus-ring-inner)}.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(--radius-lg)}.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(--fg-subtle)}.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(--border-hairline)}.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(--radius-lg);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(--border-hairline)}}.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(--fg-subtle)}.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(--fg-error) !important}.meta>.field.has-errors:first-child,.meta>.flex-fields>.field.has-errors:first-child{border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.meta>.field.has-errors:last-child,.meta>.flex-fields>.field.has-errors:last-child{border-end-start-radius:var(--radius-lg);border-end-end-radius:var(--radius-lg)}.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(--border-hairline)}.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(--radius-lg)}.slideout:not(.so-mobile,.so-lp){border-start-start-radius:var(--radius-lg);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--radius-lg)}.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,inset-inline-end linear 250ms;will-change:inset-inline-start,inset-inline-end}}.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(--border-hairline)}.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(--border-hairline)}@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(--radius-lg) var(--radius-lg) 0 0;padding:24px;box-shadow:inset 0 -1px 0 var(--border-hairline)}.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(--radius-lg) var(--radius-lg);padding-block:5px;padding-inline:var(--pane-padding, var(--xl));box-shadow:inset 0 1px 0 var(--border-hairline)}.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(--radius-lg);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(--radius-lg)}.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(--radius-md);box-shadow:0 0 0 1px hsla(209,14%,37%,.25),0 1px 3px -1px hsla(209,14%,37%,.5)}.menu ul li a .infoicon-container,.menu ul li .menu-item .infoicon-container,.menu ul li .menu-option .infoicon-container{display:inline-flex;align-items:flex-start;margin-inline-start:var(--s);font-size:.8em}.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(--fg-error)}.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(--fg-error);stroke-width:0}.menu li>a .chip,.menu li>button .chip,.menu li>.menu-item .chip{margin-block:-4px}.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;--fg-subtle: rgba(255, 255, 255, 0.8);--light-text-color: rgba(255, 255, 255, 0.8);background-color:var(--bg-selection-dark)}.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(--border-hairline)}.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(--focus-ring-inner)}.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{margin-inline:0 7px;margin-block:7px 0;display:inline-block}.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(--radius-lg);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(--radius-md)}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(--radius-md)}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(--radius-lg) - 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(--radius-lg) - 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(--radius-md)}.multitext .multitextrow:first-child .text:last-child{border-start-end-radius:var(--radius-md)}.multitext .multitextrow:last-child .text:first-child{border-end-start-radius:var(--radius-md)}.multitext .multitextrow:last-child .text:last-child{border-end-end-radius:var(--radius-md)}.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}.CodeMirror-scroll{max-height:550px}.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(--radius-lg);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)}@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(--fg-error)}.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(--bg-pending);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(--fg-subtle))}.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(--radius-sm);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(--bg-enabled);color:var(--white);border-radius:var(--radius-sm)}.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(--fg-error) !important}.elementselect__search-input-wrapper,.tagselect__input-wrapper,.texticon{position:relative;cursor:text;min-width:130px}.elementselect__search-input-wrapper.icon::before,.tagselect__input-wrapper.icon::before,.texticon.icon::before{color:var(--ui-control-color)}.elementselect__search-input-wrapper.icon svg,.elementselect__search-input-wrapper.icon::before,.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}.elementselect__search-input-wrapper .texticon-icon,.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}.elementselect__search-input-wrapper .text,.tagselect__input-wrapper .text,.texticon .text{padding-inline-start:1.625rem}.elementselect__search-input-wrapper .clear-btn,.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)}.elementselect__search-input-wrapper.has-filter-btn .text,.tagselect__input-wrapper.has-filter-btn .text,.texticon.has-filter-btn .text{padding-inline-end:26px}.elementselect__search-input-wrapper.has-filter-btn .filter-btn,.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}.elementselect__search-input-wrapper.has-filter-btn .filter-btn::before,.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(--fg-subtle)}.elementselect__search-input-wrapper.has-filter-btn .filter-btn:hover,.tagselect__input-wrapper.has-filter-btn .filter-btn:hover,.texticon.has-filter-btn .filter-btn:hover{background-color:var(--gray-100)}.elementselect__search-input-wrapper.has-filter-btn .filter-btn:active,.elementselect__search-input-wrapper.has-filter-btn .filter-btn.active,.elementselect__search-input-wrapper.has-filter-btn .filter-btn[aria-expanded=true],.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)}.elementselect__search-input-wrapper.has-filter-btn .filter-btn:active::before,.elementselect__search-input-wrapper.has-filter-btn .filter-btn.active::before,.elementselect__search-input-wrapper.has-filter-btn .filter-btn[aria-expanded=true]::before,.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)}.elementselect__search-input-wrapper.has-filter-btn .text.clearable,.tagselect__input-wrapper.has-filter-btn .text.clearable,.texticon.has-filter-btn .text.clearable{padding-inline-end:calc(30px + var(--touch-target-size))}.elementselect__search-input-wrapper.has-filter-btn .clear-btn,.tagselect__input-wrapper.has-filter-btn .clear-btn,.texticon.has-filter-btn .clear-btn{inset-inline-end:30px}.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(--border-hairline)}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;--fg-subtle: rgba(255, 255, 255, 0.8);--light-text-color: rgba(255, 255, 255, 0.8);background-color:var(--bg-selection-dark);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(--radius-lg);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(--fg-subtle);font-weight:normal}.ui-datepicker-calendar td a{border-radius:2px}.ui-datepicker-calendar td a:hover{background-color:var(--bg-selection-light);text-decoration:none}.ui-datepicker-calendar td a.ui-state-active{background-color:var(--bg-selection-dark);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(--bg-selection-light)}.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(--bg-selection-light)}.ui-timepicker-list li.ui-timepicker-selected{background-color:var(--bg-selection-dark);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(--border-hairline);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(--radius-sm);border-end-start-radius:var(--radius-sm)}.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(--radius-sm);border-end-end-radius:var(--radius-sm)}.slide-picker:focus a.active{background-color:var(--bg-selection-light)}.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(--focus-ring-inner)}.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(--fg-error)}.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(--radius-lg);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;--fg-subtle: rgba(255, 255, 255, 0.8);--light-text-color: rgba(255, 255, 255, 0.8);background-color:var(--bg-selection-dark);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(--radius-lg) var(--radius-lg) 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(--radius-lg)}.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>:not(h2,hr,.line-break)::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(--border-hairline);border-radius:var(--radius-md);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{--sidebar-width: 14.125rem;--global-sidebar-width: 14.125rem;--details-width: 350px}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(--border-hairline)}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(--fg-subtle);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(--radius-md);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(--radius-lg);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(--fg-error);color:var(--fg-error)}#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(--radius-md);padding-block:4px;padding-inline:5px;margin-block:0;margin-inline:2px;color:var(--fg-error);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(--fg-error)}#alerts>li a:not(.btn){color:var(--fg-error);text-decoration:underline}#alerts>li a:not(.btn).go{text-decoration:none;white-space:nowrap}#alerts>li a:not(.btn).go::after{color:var(--fg-error);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(--border-hairline)}#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(--border-hairline-medium);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(--focus-ring-inner)}#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(--border-hairline-medium);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(--focus-ring-inner)}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;display:flex;flex-direction:column;gap:12px;width:calc(100% - 16px);z-index:101}body.notifications--start-start #notifications,body.notifications--start-end #notifications{inset-block:8px auto;flex-direction:column-reverse}body.notifications--start-end #notifications,body.notifications--end-end #notifications{inset-inline:auto 8px}body.notifications--end-start.has-debug-toolbar #notifications,body.notifications--end-end.has-debug-toolbar #notifications{inset-block-end:50px}@media only screen and (min-width: 37.5rem){#notifications{width:350px}}#notifications .notification{position:relative;background:var(--pane-bg);box-shadow:var(--pane-shadow);border-radius:var(--radius-lg);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(--fg-success)}#notifications .notification[data-type=error] .notification-icon{--icon-color: var(--fg-error)}#notifications .notification .notification-inner{display:flex;padding-block:10px;padding-inline:14px}#notifications .notification .notification-icon{--icon-color: var(--fg-notice);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(--radius-sm);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:flex-start;justify-content:space-between;min-height:34px}#main-form #toolbar{align-items:center}#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(--radius-lg)}#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(--radius-lg);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(--radius-sm);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{--disclosure-icon-transform-active: rotate(180deg);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(--border-hairline);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(--border-hairline)}#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)}body.rtl #details-toggle>button{--disclosure-icon-transform: rotate(180deg);--disclosure-icon-transform-active: rotate(0)}#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(--radius-lg)}#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(--fg-subtle);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(--radius-lg)}#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(--radius-lg)}#details .details .meta>.field:last-child,#details .details .meta>.data:last-child{border-end-end-radius:var(--radius-lg)}#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(--radius-lg)}#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(--radius-lg);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(--radius-lg)}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 .heading .type-heading-small,.sidebar .heading>span,.source-item--heading{text-transform:uppercase;color:var(--medium-text-color);font-size:11px;font-weight:bold}.sources-list{--source-item-toggle-size: calc(20rem / 16)}.collapsible .sources-list{position:relative;padding-inline-start:var(--m)}.collapsible .sources-list::before{content:\"\";display:inline-block;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--source-item-toggle-size)/2);width:1px;height:100%;background-color:var(--border-hairline)}.source-item{position:relative}.source-item .source-item__toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset-inline-start:0;inset-block-start:50%;transform:translateY(-50%);width:var(--source-item-toggle-size);height:var(--source-item-toggle-size);z-index:1;color:inherit}.source-item:has(.sel){--icon-color: var(--white)}.source-item--heading{margin-block-end:var(--s);padding-block-end:var(--xs)}.source-item--heading>craft-disclosure>.source-item__toggle{inset-block-start:calc(.5lh - var(--source-item-toggle-size)/2);transform:none}.sidebar{width:14.125rem;box-sizing:border-box;font-size:.8125rem}.sidebar:not(.drag-helper){padding-block:var(--m);padding-inline:0;background-color:var(--gray-050)}.sidebar .heading{position:relative;margin-block:0;line-height:1.2}.sidebar .heading:not(:first-child){margin-block-start:var(--m)}.sidebar .heading .type-heading-small,.sidebar .heading>span{display:inline-block;position:relative;z-index:1;padding-block:0;padding-inline:var(--xl) var(--m);margin-block:0}.sidebar .heading>ul{margin-block:var(--xs) 2px}.sidebar nav{padding-block:0;padding-inline:var(--s)}.sidebar nav li{position:relative}.sidebar nav li:not(.has-subnav)>a:not(.sel):hover,.sidebar nav li:not(.has-subnav) [data-source-item]:not(.sel):hover{text-decoration:none}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav)>a.active-drop-target,.sidebar nav li:not(.has-subnav) [data-source-item].sel,.sidebar nav li:not(.has-subnav) [data-source-item].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,.sidebar nav li:not(.has-subnav) [data-source-item].sel,.sidebar nav li:not(.has-subnav) [data-source-item].sel+.toggle,.sidebar nav li:not(.has-subnav) [data-source-item].active-drop-target,.sidebar nav li:not(.has-subnav) [data-source-item].active-drop-target+.toggle{color:var(--white)}.sidebar nav li:not(.has-subnav)>a.sel,.sidebar nav li:not(.has-subnav) [data-source-item].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) var(--m);min-height:var(--xl);box-sizing:border-box;color:var(--text-color);cursor:pointer;user-select:none;border-radius:var(--radius-lg);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(--fg-subtle);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}.sources-list[data-state=collapsed] li:not(:has(.sel)){display:none}.sources-list[data-state=collapsed] .source-item:has(craft-disclosure)>*{padding-inline-start:var(--s)}.sources-list[data-state=collapsed] .source-item__toggle{display:none}.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(--radius-lg);background-color:var(--gray-050)}.error-summary:focus{box-shadow:var(--focus-ring)}.error-summary .notification-icon{color:var(--fg-error);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(--fg-error);box-shadow:none;background-color:rgb(from var(--fg-error) r g b/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(--border-hairline);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(--border-hairline)}.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(--border-hairline);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(--border-hairline)}.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-fg-active);background-color:var(--nav-item-bg-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-bg-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-bg);color:var(--nav-item-badge-fg)}.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(--radius-md);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(--radius-sm)}.rtl .sidebar-action::before{transform:translateY(-50%) translateX(150%)}.sidebar-action:focus-visible,.sidebar-action:hover{color:var(--nav-item-fg-hover);background-color:var(--nav-item-bg-hover)}.sidebar-action[aria-current=page]::before,.sidebar-action[aria-current=true]::before{background-color:var(--nav-item-fg-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:calc((30px - var(--lh))/2);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(--border-hairline)}[data-sidebar=expanded] #sidebar-toggle-icon{transform:rotate(180deg)}}craft-disclosure{--disclosure-icon-transform: rotate(0deg);--disclosure-icon-transform-active: rotate(-90deg);display:contents}craft-disclosure [aria-expanded=true] .cp-icon{transform:var(--disclosure-icon-transform)}craft-disclosure [aria-expanded=false] .cp-icon{transform:var(--disclosure-icon-transform-active)}body.rtl craft-disclosure{--disclosure-icon-transform-active: rotate(90deg)}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(--border-hairline-dark);box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:var(--radius-md);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(--border-hairline-dark) rgba(0,0,0,0) rgba(0,0,0,0) var(--border-hairline-dark)}.craft-tooltip .arrow[data-placement^=top]{border-color:rgba(0,0,0,0) var(--border-hairline-dark) var(--border-hairline-dark) rgba(0,0,0,0)}.craft-tooltip .arrow[data-placement^=right]{border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--border-hairline-dark) var(--border-hairline-dark)}.craft-tooltip .arrow[data-placement^=left]{border-color:var(--border-hairline-dark) var(--border-hairline-dark) 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(--focus-ring-inner);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(--border-hairline);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(--radius-lg)}.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(--radius-lg)}.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(--fg-error);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(--fg-error) !important}.fld-container .fld-workspace{flex:1;max-width:100%;border-start-start-radius:calc(var(--radius-sm) - 1px);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:calc(var(--radius-sm) - 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(--radius-md) var(--radius-md) 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(--radius-md);border-end-end-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.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(--border-hairline);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(--border-hairline);border-radius:var(--radius-md);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(--border-hairline);border-radius:var(--radius-md);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(--fg-subtle);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(--radius-lg);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}.thumb-management{margin-block:var(--xl)}.thumb-management .field:first-child{margin-inline-end:var(--xl)}.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(--radius-sm);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(--radius-md)}.card-placeholder{display:inline-block;border:1px dashed hsl(211,13%,65%);border-radius:var(--radius-sm);padding-block:.1em;padding-inline:.5em}.field.cvd-field{margin-block-start:.2em !important;margin-inline-start:.5em}.entry-type-groups{display:flex;align-items:start;flex-wrap:wrap;gap:var(--s)}.entry-type-group{display:flex;flex-direction:column;border-radius:var(--pane-border-radius);border:var(--input-border);margin:0;padding:var(--s);background-color:var(--white)}.entry-type-group .entry-type-group--titlebar{display:flex;flex-direction:row;align-items:center;gap:var(--m);margin-block:calc(var(--s)*-1) var(--s) !important;margin-inline:calc(var(--s)*-1) !important;padding:var(--s);border-block-end:1px solid var(--hairline-color);font-weight:bold}.entry-type-group .entry-type-group--titlebar .entry-type-group--actions{display:flex;flex-direction:row;align-items:center;gap:var(--s)}.entry-type-group .entry-type-group--titlebar .entry-type-group--actions .icon{margin-block:-4px 0}.entry-type-group .entry-type-group--titlebar span{flex:1}.entry-type-group .componentselect{flex:1;display:flex;flex-direction:column}.entry-type-group .componentselect .components{flex:1;min-height:calc(var(--xs)*2 + var(--lh) + var(--xs) + .96em + var(--xs))}.entry-type-group .componentselect .components .entry-type-group--caboose{content:\"\";flex:1;width:100%}html.noscroll,html.noscroll body{overflow:hidden;height:100%}.modal.imageeditor{--focus-ring: var(--focus-ring-light);background-color:var(--gray-900);color:var(--white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0;user-select:none}.modal.imageeditor [data-cropper-edit]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.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)}#cropping-canvas{--focus-ring: none}_:-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",":root {\n  /*\n  Colors\n  */\n\n  /* Background */\n  --bg-primary: var(--red-600);\n  --bg-secondary: var(--gray-500);\n  --bg-selection-light: var(--gray-200);\n  --bg-selection-dark: var(--gray-500);\n  --bg-error: var(--red-100);\n  --bg-warning: var(--amber-100);\n  --bg-success: var(--teal-100);\n  --bg-notice: var(--sky-100);\n  --bg-enabled: var(--teal-550);\n  --bg-pending: var(--orange-400);\n  --bg-disabled: var(--red-600);\n\n  /* Foreground */\n  --fg-subtle: var(--gray-550);\n  --fg-error: #d81f23; // Pretty close to --red-600 but not quite\n  --fg-warning: var(--amber-700);\n  --fg-success: var(--teal-700);\n  --fg-notice: var(--sky-700);\n  --fg-input: hsl(212deg 25% 50%);\n\n  /* Borders */\n  --border-primary: var(--red-600);\n  --border-secondary: var(--gray-500);\n  --border-hairline: rgb(from var(--gray-800) r g b / 10%);\n  --border-hairline-medium: #cfd8e3;\n  --border-hairline-dark: rgb(from hsl(210deg 10% 53%) r g b / 50%);\n  --border-error: var(--red-300);\n  --border-warning: var(--amber-300);\n  --border-warning-emphasis: var(--amber-600);\n  --border-success: var(--teal-300);\n  --border-notice: var(--sky-300);\n\n  /* Focus */\n  --focus-outline-light: var(--blue-300);\n  --focus-outline-medium: var(--focus-ring-color, #0284c7);\n  --focus-outline-dark: #0f74b1;\n\n  /*\n  Focus Rings\n  */\n  --focus-ring-alpha: 0.85;\n  --focus-ring-light: 0 0 0 1px\n      hsl(from var(--focus-outline-light) h s calc(l + 10)),\n    0 0 0 3px rgb(from var(--focus-outline-light) r g b / 97%);\n  --focus-ring-medium: 0 0 0 1px\n      hsl(from var(--focus-outline-medium) h s calc(l + 10)),\n    0 0 0 3px rgb(from var(--focus-outline-medium) r g b / 97%);\n  --focus-ring-dark: 0 0 0 1px\n      hsl(from var(--focus-outline-dark) h s calc(l + 20)),\n    0 0 0 3px rgb(from var(--focus-outline-dark) r g b / 97%);\n  --focus-ring: var(--focus-ring-medium);\n  --focus-ring-outset: 0 0 0 1px currentcolor,\n    0 0 0 3px var(--focus-outline-medium),\n    0 0 6px 2px\n      hsl(from var(--focus-outline-medium) h s l / var(--focus-ring-alpha));\n  --focus-ring-inner: inset 0 0 0 1px var(--focus-outline-medium),\n    inset 0 0 0 3px\n      hsl(from var(--focus-outline-medium) h s l / var(--focus-ring-alpha));\n\n  /*\n  Border Radius\n   */\n  --radius-sm: 3px;\n  --radius-md: 4px;\n  --radius-lg: 5px;\n  --radius-full: calc(infinity * 1px);\n  --radius-circle: 50%;\n\n  /*\n  Sizing\n   */\n  --size-touch-target: calc(24rem / 16);\n  --size-icon: 1rem;\n  --size-line-height: 1.42em;\n\n  /*\n  Spacing\n   */\n  --2xs: calc(2rem / 16);\n  --xs: calc(4rem / 16);\n  --s: calc(8rem / 16);\n  --m: calc(14rem / 16);\n  --l: calc(18rem / 16);\n  --xl: calc(24rem / 16);\n  --padding: var(--xl);\n  --neg-padding: calc(var(--xl) * -1);\n\n  /*\n  Components\n   */\n\n  /* UI Controls */\n  --ui-control-fg: var(--fg-subtle);\n  --ui-control-fg-hover: var(--gray-600);\n  --ui-control-fg-active: var(--gray-700);\n  --ui-control-bg: rgb(from var(--fg-input) r g b / 25%);\n  --ui-control-bg-static: var(--ui-control-bg);\n  --ui-control-bg-hover: rgb(from var(--fg-input) r g b / 30%);\n  --ui-control-bg-active: rgb(from var(--fg-input) r g b / 50%);\n  --ui-control-border: var(--ui-control-fg);\n  --ui-control-radius: var(--radius-lg);\n  --ui-control-height: calc(34rem / 16);\n  --ui-control-height-small: calc(30rem / 16);\n\n  /* Sidebars */\n  --sidebar-bg: var(--gray-150);\n\n  /* Nav Item */\n  --nav-item-indicator-size: var(--xs);\n  --nav-item-badge-bg: var(--fg-subtle);\n  --nav-item-badge-fg: var(--white);\n  --nav-item-fg-active: var(--text-color);\n  --nav-item-fg-hover: var(--text-color);\n  --nav-item-bg-active: var(--gray-200);\n  --nav-item-bg-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","@use 'sass:color';\n@use '@craftcms/sass/mixins';\n\n/**\nThese variables will be removed in the next major version and area only provided for compatibility.\nUse the new values in the `tokens.scss` file instead.\n*/\n:root {\n  --bg-color: var(--body-bg);\n  --bg-color-hsl: 212deg, 50%, 93%;\n\n  // submit button colors\n  --primary-color: var(--bg-primary);\n  --secondary-color: var(--bg-secondary);\n  --input-color: var(--fg-input);\n\n  // text colors\n  --medium-dark-text-color: var(--fg-subtle);\n  --medium-text-color: var(--fg-subtle);\n\n  // font styles\n  --font-weight-bold: 700;\n\n  // hairline colors\n  --hairline-color: var(--border-hairline);\n  --medium-hairline-color: var(--border-hairline-medium);\n  --dark-hairline-color: var(--border-hairline-dark);\n\n  // focus colors\n  --light-focus-color: var(--focus-outline-light);\n  --medium-focus-color: var(--focus-outline-medium);\n  --dark-focus-color: var(--focus-outline-dark);\n\n  // focus rings\n  --light-focus-ring: var(--focus-ring-light);\n  --medium-focus-ring: var(--focus-ring-medium);\n  --dark-focus-ring: var(--focus-ring-dark);\n\n  // selection colors\n  --light-sel-color: var(--bg-selection-light);\n  --dark-sel-color: var(--bg-selection-dark);\n\n  // alert/notice colors\n  --error-color-rgb: 216 31 35;\n  --error-color: var(--fg-error);\n  --warning-color: var(--fg-warning);\n  --warning-background: var(--bg-warning);\n  --warning-border-color: var(--border-warning);\n  --success-color: var(--fg-success);\n  --notice-color: var(--fg-notice);\n  --notice-background: var(--bg-notice);\n  --notice-border-color: var(--border-notice);\n\n  // status colors\n  --enabled-color: var(--bg-enabled);\n  --pending-color: var(--bg-pending);\n  --disabled-color: var(--bg-disabled);\n\n  // misc colors\n  --indicator-border-color: var(--border-warning-emphasis);\n  --indicator-icon-color: var(--fg-warning);\n\n  // UI element styles\n  --small-border-radius: var(--radius-sm);\n  --medium-border-radius: var(--radius-md);\n  --large-border-radius: var(--radius-lg);\n  --menu-border-radius: var(--medium-border-radius);\n\n  // Variables from _main.scss\n  --ui-control-color: var(--ui-control-fg);\n  --ui-control-hover-color: var(--ui-control-fg-hover);\n  --ui-control-active-color: var(--ui-control-fg-active);\n  --ui-control-static-bg-color: var(--ui-control-bg-static);\n  --ui-control-bg-color: var(--ui-control-bg);\n  --ui-control-hover-bg-color: var(--ui-control-bg-hover);\n  --ui-control-active-bg-color: var(--ui-control-bg-active);\n  --ui-control-border-radius: var(--ui-control-radius);\n  --ui-control-height--small: var(--ui-control-height-small);\n  --light-focus-hsl: 212deg, 96%, 78%;\n  --dark-focus-hsl: 203deg, 84%, 38%;\n  --inner-focus-ring: var(--focus-ring-inner);\n  --touch-target-size: var(--size-touch-target);\n  --icon-size: var(--size-icon);\n  --lh: var(--size-line-height);\n\n  // Sidebar\n  --sidebar-bgColor: var(--sidebar-bg);\n\n  // Nav items (compatibility)\n  --nav-item-badge-bgColor: var(--nav-item-badge-bg);\n  --nav-item-badge-fgColor: var(--nav-item-badge-fg);\n  --nav-item-fgColor-active: var(--nav-item-fg-active);\n  --nav-item-bgColor-active: var(--nav-item-bg-active);\n  --nav-item-fgColor-hover: var(--nav-item-fg-hover);\n  --nav-item-bgColor-hover: var(--nav-item-bg-hover);\n}\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\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\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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(--border-warning-emphasis);\n  border-radius: var(--radius-sm);\n  color: var(--fg-warning);\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(--fg-subtle);\n}\n\nh5,\n.h5 {\n  margin-block: 14px 3px;\n  margin-inline: 0;\n  line-height: 1.2;\n  color: var(--fg-subtle);\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(--radius-sm);\n    border: 1px solid var(--border-hairline);\n  }\n\n  .warning & {\n    background-color: var(--bg-warning);\n    border-color: var(--border-warning);\n  }\n\n  .tip & {\n    background-color: var(--bg-notice);\n    border-color: var(--border-notice);\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(--fg-success);\n  }\n}\n\n.alert-icon {\n  background-color: var(--gray-200);\n\n  &::before {\n    content: 'alert';\n    color: var(--fg-error);\n  }\n}\n\n.revision-status-hud {\n  max-width: 400px;\n\n  .http-error {\n    border-radius: var(--radius-md);\n    border: 1px solid var(--border-hairline);\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(--radius-lg);\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,\n.toggle[aria-expanded='true']::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(--fg-subtle) !important;\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(--fg-success) !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(--fg-notice) !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(--fg-warning) !important;\n\n  &.with-icon,\n  .icon {\n    &::before {\n      content: 'alert';\n    }\n  }\n}\n\n.error {\n  color: var(--fg-error) !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(--bg-disabled);\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(--fg-warning);\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(--border-hairline);\n    border-start-start-radius: var(--radius-lg);\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(--border-hairline);\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(--border-hairline);\n    }\n  }\n\n  &.sel {\n    --focus-ring: var(--focus-ring-outset);\n    --ui-control-color: var(--selected-item-color);\n    background-color: var(--bg-selection-dark);\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(--fg-subtle);\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(--radius-lg) !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(--border-hairline-medium);\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(--border-hairline-dark);\n    }\n  }\n\n  &.hairline-dark {\n    border: 1px solid var(--border-hairline-dark);\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(--fg-subtle);\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(--radius-lg);\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\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(--fg-subtle);\n  height: calc(22rem / 16);\n\n  button {\n    gap: 5px;\n    display: inline-flex;\n    border: 1px solid var(--border-hairline);\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(--border-hairline-medium);\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(--fg-error);\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      --focus-ring: var(--focus-ring-light);\n      @include mixins.light-on-dark-text;\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(--fg-subtle);\n}\n\n/* lightswitch */\n.lightswitch-outer-container {\n  display: flex;\n\n  .lightswitch-inner-container {\n    border: 1px solid var(--border-hairline);\n    border-radius: var(--radius-sm);\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(--fg-subtle);\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  // Ensures contrast with pane background is over 3:1\n  --_lightswitch-border-color: var(\n    --lightswitch-border-color,\n    hsl(from var(--input-border-color) h s l / 80%)\n  );\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-200), var(--gray-200));\n  transition: background-image linear 100ms;\n  box-shadow: inset 0 0 0 1px var(--_lightswitch-border-color);\n\n  &[disabled] {\n    --_lightswitch-border-color: var(\n      --lightswitch-border-color-disabled,\n      hsl(from var(--input-border-color) h s l / 30%)\n    );\n  }\n\n  &.on {\n    --_lightswitch-border-color: oklch(\n      from var(--bg-enabled) calc(l - 0.1) c h\n    );\n    background-image: linear-gradient(\n      to right,\n      var(--bg-enabled),\n      var(--bg-enabled)\n    );\n\n    .lightswitch-container .handle::before {\n      background-color: var(--enabled-color);\n      mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E%0A\");\n      mask-repeat: no-repeat;\n    }\n\n    // Makes small icon a little darker to compensate for the size\n    &.small .lightswitch-container .handle::before {\n      background-color: hsl(from var(--enabled-color) h s calc(l - 20));\n    }\n  }\n\n  &.indeterminate {\n    background-image: linear-gradient(\n      to right,\n      var(--bg-enabled) 40%,\n      var(--gray-200) 60%\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: inset 0 0 0 1px var(--_lightswitch-border-color);\n    }\n\n    .handle::before {\n      content: '';\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 54%;\n      transform: translateX(-50%) translateY(-50%);\n      width: 12px;\n      height: 12px;\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      .handle::before {\n        width: 8px;\n        height: 8px;\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(--radius-md);\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(--border-hairline);\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(--border-hairline),\n          var(--focus-ring);\n      }\n    }\n\n    &.disabled {\n      opacity: 1;\n\n      &::after {\n        border-color: var(--border-hairline);\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(--border-radius, var(--radius-sm));\n            border-end-start-radius: var(--border-radius, var(--radius-sm));\n          }\n\n          &:last-child {\n            border-start-end-radius: var(--border-radius, var(--radius-sm));\n            border-end-end-radius: var(--border-radius, var(--radius-sm));\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(--bg-selection-light);\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(--bg-selection-dark);\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            --fg-subtle: var(--white);\n            --light-text-color: var(--white);\n            --link-color: var(--white);\n            --ui-control-color: var(--white);\n            --focus-ring: 0 0 0 3px hsl(--focus-light);\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(--bg-selection-light);\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(--border-hairline);\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(--radius-lg);\n\n  &:not(.chromeless) {\n    color: var(--custom-text-color, var(--text-color));\n  }\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(--radius-lg);\n    box-shadow: inset 0 0 0 1px var(--custom-border-color, var(--gray-200));\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    --fg-subtle: 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    --focus-ring: 0 0 0 3px hsl(var(--focus-outline-light));\n    color: var(--white);\n\n    &:not(.chromeless) {\n      background-color: var(\n        --custom-sel-bg-color,\n        var(--bg-selection-dark)\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(--radius-lg);\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    .infoicon-container {\n      margin-inline-start: var(--xs);\n    }\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(--radius-sm);\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(--radius-lg);\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(--radius-lg);\n    border-start-end-radius: var(--radius-lg);\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(--radius-lg);\n    border-end-end-radius: var(--radius-lg);\n    width: 100%;\n    overflow: hidden;\n\n    @container (min-width: 200px) {\n      grid-template-areas: 'content thumb';\n      grid-template-columns: 1fr auto;\n    }\n\n    & > .thumb {\n      grid-area: 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(--radius-sm);\n      }\n    }\n\n    & > .card-content {\n      grid-area: content;\n    }\n  }\n\n  &.thumb-start > .card-main {\n    grid-template-areas: 'thumb content';\n    grid-template-columns: auto 1fr;\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(--focus-ring-inner);\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    --fg-subtle: var(--white);\n    --light-text-color: var(--white);\n    --link-color: var(--white);\n    --ui-control-color: var(--white);\n    --focus-ring: 0 0 0 3px hsl(var(--focus-outline-light));\n    color: var(--white);\n    background-color: var(\n      --custom-sel-bg-color,\n      var(--bg-selection-dark)\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(--radius-lg);\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(--fg-subtle);\n  border-radius: calc(var(--touch-target-size) / 2);\n  border: 1px solid var(--border-hairline-medium);\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(--border-hairline-medium);\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(--border-hairline-dark) !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(--focus-ring-inner);\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(--fg-error);\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(--bg-selection-light);\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(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0\n        0;\n      padding: var(--pane-padding);\n      box-shadow: 0 1px 0 var(--border-hairline);\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(--border-hairline);\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(--border-hairline);\n\n          &:not(.ordered) {\n            background-color: transparent;\n          }\n        }\n      }\n    }\n\n    .footer {\n      border-radius: 0 0 calc(var(--radius-lg) - 1px)\n        calc(var(--radius-lg) - 1px) !important;\n      box-shadow: none;\n      border-block-start: 1px solid var(--border-hairline);\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(--radius-lg);\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(--radius-sm));\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\n  &:not(.datatablesorthelper) .tableview {\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(\n      var(--pane-padding, var(--pane-x-padding-default)) * -1\n    );\n    overflow-x: auto;\n\n    .elementselectormodal & {\n      margin-block: 0;\n      margin-inline: 0;\n    }\n\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(--radius-lg);\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(--border-hairline-dark);\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.elementselect__search-input-wrapper,\n.tagselect__input-wrapper {\n  position: relative;\n  z-index: 1;\n  width: 12em;\n\n  .text {\n    padding-inline-end: 30px !important;\n  }\n\n  .spinner {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 5px;\n  }\n\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/* 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(--radius-lg);\n  border: var(--input-border);\n  color: var(--text-color);\n\n  th,\n  td.heading,\n  td.action {\n    color: var(--fg-subtle);\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(--radius-lg);\n\n          textarea,\n          input.text {\n            border-start-start-radius: calc(var(--radius-lg) - 1px);\n          }\n        }\n\n        &:last-child {\n          border-start-end-radius: var(--radius-lg);\n\n          textarea,\n          input.text {\n            border-start-end-radius: calc(var(--radius-lg) - 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(--radius-lg);\n\n          textarea,\n          input.text {\n            border-end-start-radius: calc(var(--radius-lg) - 1px);\n          }\n        }\n\n        &:last-child {\n          border-end-end-radius: var(--radius-lg);\n\n          textarea,\n          input.text {\n            border-end-end-radius: calc(var(--radius-lg) - 1px);\n          }\n        }\n      }\n    }\n  }\n\n  thead {\n    tr {\n      th {\n        border-block-end: 1px solid var(--border-hairline);\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(--border-hairline);\n        }\n      }\n\n      td:not(:first-child),\n      th ~ td:not(.hidden) ~ td {\n        border-inline-start: 1px solid var(--border-hairline);\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(--border-hairline);\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(--fg-error);\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(--radius-md) var(--radius-md);\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(--bg-pending) 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(--bg-enabled);\n}\n\n.status.red,\n.bg-red,\n.status.off,\n.status.suspended,\n.status.expired {\n  background-color: var(--bg-disabled);\n}\n\n.status.warning {\n  background-color: var(--fg-warning);\n}\n\n.status.orange,\n.bg-orange,\n.status.pending {\n  background-color: var(--bg-pending);\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(--bg-enabled);\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(--bg-disabled);\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(--bg-pending);\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(--bg-enabled);\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(--fg-warning);\n  }\n\n  &.red {\n    --icon-color: var(--bg-disabled);\n  }\n\n  &.orange {\n    --icon-color: var(--bg-pending);\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(--bg-enabled);\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(--border-hairline-medium);\n  border-radius: var(--radius-lg);\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(--border-hairline);\n  background-color: var(--gray-050);\n\n  &:first-child {\n    border-start-start-radius: var(--radius-lg);\n    border-start-end-radius: var(--radius-lg);\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(--border-hairline);\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(--border-hairline);\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(--border-hairline-medium) !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  &.chromeless {\n    border: none !important;\n  }\n\n  &.chromeless {\n    background-color: transparent !important;\n    box-shadow: none;\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(--radius-lg) var(--radius-lg) 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(--radius-lg) var(--radius-lg) 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(--fg-error) !important;\n        --tab-label-color: var(--fg-error) !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(--focus-ring-inner);\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(--radius-lg);\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(--fg-subtle);\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(--border-hairline);\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(--radius-lg);\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(--border-hairline);\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(--fg-subtle);\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(--fg-error) !important;\n\n        &:first-child {\n          border-start-start-radius: var(--radius-lg);\n          border-start-end-radius: var(--radius-lg);\n        }\n\n        &:last-child {\n          border-end-start-radius: var(--radius-lg);\n          border-end-end-radius: var(--radius-lg);\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(--border-hairline);\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(--radius-lg);\n  }\n\n  &:not(.so-mobile, .so-lp) {\n    border-start-start-radius: var(--radius-lg);\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-end-start-radius: var(--radius-lg);\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:\n        inset-inline-start linear 250ms,\n        inset-inline-end linear 250ms;\n      will-change: inset-inline-start, inset-inline-end;\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(--border-hairline);\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(--border-hairline);\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(--radius-lg) var(--radius-lg) 0 0;\n  padding: 24px;\n  box-shadow: inset 0 -1px 0 var(--border-hairline);\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(--radius-lg) var(--radius-lg);\n  padding-block: 5px;\n  padding-inline: var(--pane-padding, var(--xl));\n  box-shadow: inset 0 1px 0 var(--border-hairline);\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(--radius-lg);\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(--radius-lg);\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(--radius-md);\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        .infoicon-container {\n          display: inline-flex;\n          align-items: flex-start;\n          margin-inline-start: var(--s);\n          font-size: 0.8em;\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(--fg-error);\n      }\n\n      span.icon:not([data-icon]) svg {\n        @include mixins.svg-mask(var(--fg-error));\n      }\n    }\n\n    .chip {\n      margin-block: -4px;\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(--border-hairline);\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(--focus-ring-inner);\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    margin-inline: 0 7px;\n    margin-block: 7px 0;\n    display: inline-block;\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(--radius-lg);\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(--radius-md);\n        }\n      }\n\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled::after {\n          border-start-end-radius: var(--radius-md);\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(--radius-lg) - 1px);\n        }\n      }\n\n      th:last-child,\n      td:last-child {\n        &,\n        &.disabled::after {\n          border-end-end-radius: calc(var(--radius-lg) - 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(--radius-md);\n    }\n\n    &:last-child {\n      border-start-end-radius: var(--radius-md);\n    }\n  }\n\n  &:last-child .text {\n    &:first-child {\n      border-end-start-radius: var(--radius-md);\n    }\n\n    &:last-child {\n      border-end-end-radius: var(--radius-md);\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.CodeMirror-scroll {\n  max-height: 550px;\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(--radius-lg);\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      }\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(--fg-error);\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(--bg-pending);\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(--fg-subtle));\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(--radius-sm);\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(--bg-enabled);\n  color: var(--white);\n  border-radius: var(--radius-sm);\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(--fg-error) !important;\n}\n\n.elementselect__search-input-wrapper,\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(--fg-subtle);\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.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(--border-hairline);\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(--radius-lg);\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(--fg-subtle);\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(--bg-selection-light);\n  text-decoration: none;\n}\n\n.ui-datepicker-calendar td a.ui-state-active {\n  background-color: var(--bg-selection-dark);\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(--bg-selection-light);\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(--bg-selection-light);\n}\n\n.ui-timepicker-list li.ui-timepicker-selected {\n  background-color: var(--bg-selection-dark);\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(--border-hairline);\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(--radius-sm);\n      border-end-start-radius: var(--radius-sm);\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(--radius-sm);\n    border-end-end-radius: var(--radius-sm);\n  }\n\n  &:focus {\n    a.active {\n      background-color: var(--bg-selection-light);\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(--focus-ring-inner);\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(--fg-error);\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(--radius-lg);\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(--radius-lg) var(--radius-lg) 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(--radius-lg);\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 > :not(h2, hr, .line-break) {\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(--border-hairline);\n      border-radius: var(--radius-md);\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  @warn \"light-focus-ring mixin is deprecated. Use CSS variables instead.\";\n  --focus-ring: var(--focus-ring-light);\n}\n\n@mixin dark-btn-light-bg-focus-ring() {\n  @warn \"dark-btn-light-bg-focus-ring is deprecated. Use CSS variables instead.\";\n  --focus-ring: var(--focus-ring-outset);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n  @warn \"custom-color-focus-ring mixin is deprecated. Use CSS variables instead.\";\n\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  --fg-subtle: rgba(255, 255, 255, 0.8);\n  --light-text-color: rgba(255, 255, 255, 0.8);\n  background-color: var(--bg-selection-dark);\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  --sidebar-width: #{$sidebarWidth};\n  --global-sidebar-width: #{$sidebarWidth};\n  --details-width: #{$detailsWidth};\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(--border-hairline);\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(--fg-subtle));\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(--radius-md);\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(--radius-lg);\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(--fg-error);\n  color: var(--fg-error);\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(--radius-md);\n      padding-block: 4px;\n      padding-inline: 5px;\n      margin-block: 0;\n      margin-inline: 2px;\n      color: var(--fg-error);\n      min-height: calc(30rem / 16);\n\n      .flex & {\n        margin: 0;\n      }\n\n      &:hover {\n        border-color: var(--fg-error);\n      }\n    }\n\n    a:not(.btn) {\n      color: var(--fg-error);\n      text-decoration: underline;\n\n      &.go {\n        text-decoration: none;\n        white-space: nowrap;\n\n        &::after {\n          color: var(--fg-error);\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(--border-hairline);\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(--border-hairline-medium);\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(--focus-ring-inner);\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(--border-hairline-medium);\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(--focus-ring-inner);\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  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: calc(100% - 16px);\n  z-index: 101;\n\n  // top\n  body.notifications--start-start &,\n  body.notifications--start-end & {\n    inset-block: 8px auto;\n    flex-direction: column-reverse;\n  }\n\n  // right\n  body.notifications--start-end &,\n  body.notifications--end-end & {\n    inset-inline: auto 8px;\n  }\n\n  // bottom + toolbar\n  body.notifications--end-start.has-debug-toolbar &,\n  body.notifications--end-end.has-debug-toolbar & {\n    inset-block-end: 50px;\n  }\n\n  @media only screen and (min-width: $minDesktopWidth) {\n    width: 350px;\n  }\n\n  .notification {\n    position: relative;\n    @include mixins.pane;\n    border-radius: var(--radius-lg);\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(--fg-success);\n      }\n    }\n\n    &[data-type='error'] {\n      .notification-icon {\n        --icon-color: var(--fg-error);\n      }\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(--fg-notice);\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(--radius-sm);\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: flex-start;\n  justify-content: space-between;\n  min-height: 34px;\n\n  #main-form & {\n    align-items: center;\n  }\n\n  .icon::before,\n  .texticon::before,\n  .menubtn::after,\n  [data-icon]::before,\n  [data-icon-after]::after {\n    color: currentcolor;\n    opacity: 0.8;\n  }\n\n  .text {\n    border-radius: var(--radius-lg);\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(--radius-lg);\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(--radius-sm);\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  --disclosure-icon-transform-active: rotate(180deg);\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(--border-hairline);\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(--border-hairline);\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  body.rtl & {\n    --disclosure-icon-transform: rotate(180deg);\n    --disclosure-icon-transform-active: rotate(0);\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(--radius-lg);\n\n      &:not(.read-only, .warning) {\n        @include mixins.pane;\n      }\n\n      &.read-only {\n        color: var(--fg-subtle);\n        background-color: transparent !important;\n      }\n\n      & > .field,\n      & > .data {\n        &:first-child {\n          &,\n          & > .status-badge {\n            border-start-start-radius: var(--radius-lg);\n          }\n\n          border-start-end-radius: var(--radius-lg);\n        }\n\n        &:last-child {\n          &,\n          & > .status-badge {\n            border-end-start-radius: var(--radius-lg);\n          }\n\n          border-end-end-radius: var(--radius-lg);\n        }\n      }\n    }\n\n    & > .field {\n      & > .input > .text.fullwidth {\n        @include mixins.pane;\n      }\n    }\n\n    .notes {\n      border-radius: var(--radius-lg);\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(--radius-lg);\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%type-heading-small {\n  text-transform: uppercase;\n  color: var(--medium-text-color);\n  font-size: 11px;\n  font-weight: bold;\n}\n\n.sources-list {\n  --source-item-toggle-size: calc(20rem / 16);\n}\n\n.collapsible .sources-list {\n  position: relative;\n  padding-inline-start: var(--m);\n\n  &::before {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: calc(var(--source-item-toggle-size) / 2);\n    width: 1px;\n    height: 100%;\n    background-color: var(--border-hairline);\n  }\n}\n\n.source-item {\n  position: relative;\n\n  // Toggle button\n  .source-item__toggle {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 50%;\n    transform: translateY(-50%);\n    width: var(--source-item-toggle-size);\n    height: var(--source-item-toggle-size);\n    z-index: 1;\n    color: inherit;\n  }\n\n  &:has(.sel) {\n    --icon-color: var(--white);\n  }\n}\n\n.source-item--heading {\n  @extend %type-heading-small;\n  margin-block-end: var(--s);\n  padding-block-end: var(--xs);\n\n  & > craft-disclosure > .source-item__toggle {\n    inset-block-start: calc(1lh * 0.5 - var(--source-item-toggle-size) / 2);\n    transform: none;\n  }\n}\n\n/* Sidebar */\n.sidebar {\n  width: $sidebarWidth;\n  box-sizing: border-box;\n  font-size: calc(13rem / 16);\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    line-height: 1.2;\n\n    &:not(:first-child) {\n      margin-block-start: var(--m);\n    }\n\n    .type-heading-small,\n    & > span {\n      // Backwards compatibility\n      @extend %type-heading-small;\n      display: inline-block;\n      position: relative;\n      z-index: 1;\n      padding-block: 0;\n      padding-inline: var(--xl) var(--m);\n      margin-block: 0;\n    }\n\n    & > ul {\n      margin-block: var(--xs) 2px;\n    }\n  }\n\n  @mixin nav-level($level) {\n    & > a,\n    .type-heading-small,\n    [data-source-item] {\n      padding-inline-start: calc(24px + (var(--s) * #{$level}));\n    }\n\n    & > .toggle,\n    [aria-controls] {\n      inset-inline-start: calc(var(--m) * #{$level});\n    }\n  }\n\n  nav {\n    padding-block: 0;\n    padding-inline: var(--s);\n\n    li {\n      position: relative;\n\n      &:not(.has-subnav) > a,\n      &:not(.has-subnav) [data-source-item] {\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) var(--m);\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(--radius-lg);\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(--fg-subtle);\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  }\n}\n\n.sources-list {\n  &[data-state='collapsed'] {\n    li:not(:has(.sel)) {\n      display: none;\n    }\n\n    .source-item:has(craft-disclosure) > * {\n      padding-inline-start: var(--s);\n    }\n\n    .source-item__toggle {\n      display: none;\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(--radius-lg);\n  background-color: var(--gray-050);\n\n  .notification-icon {\n    color: var(--fg-error);\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(--fg-error);\n    box-shadow: none;\n    background-color: rgb(from var(--fg-error) r g b / 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(--border-hairline);\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(--border-hairline);\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(--border-hairline);\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(--border-hairline);\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-fg-active);\n    background-color: var(--nav-item-bg-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-bg-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-bg);\n  color: var(--nav-item-badge-fg);\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(--radius-md);\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(--radius-sm);\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-fg-hover);\n    background-color: var(--nav-item-bg-hover);\n  }\n\n  &[aria-current='page'],\n  &[aria-current='true'] {\n    &::before {\n      background-color: var(--nav-item-fg-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: calc((30px - var(--lh)) / 2);\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(--border-hairline);\n      }\n    }\n  }\n\n  [data-sidebar='expanded'] {\n    #sidebar-toggle-icon {\n      transform: rotate(180deg);\n    }\n  }\n}\n","craft-disclosure {\n  --disclosure-icon-transform: rotate(0deg);\n  --disclosure-icon-transform-active: rotate(-90deg);\n  display: contents;\n\n  [aria-expanded='true'] .cp-icon {\n    transform: var(--disclosure-icon-transform);\n  }\n}\n\ncraft-disclosure [aria-expanded='false'] .cp-icon {\n  transform: var(--disclosure-icon-transform-active);\n}\n\nbody.rtl craft-disclosure {\n  --disclosure-icon-transform-active: rotate(90deg);\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(--border-hairline-dark);\n  box-shadow: 0 0 10px rgb(0 0 0 / 20%);\n  border-radius: var(--radius-md);\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(--border-hairline-dark) transparent transparent\n      var(--border-hairline-dark);\n  }\n\n  &[data-placement^='top'] {\n    border-color: transparent var(--border-hairline-dark)\n      var(--border-hairline-dark) transparent;\n  }\n\n  &[data-placement^='right'] {\n    border-color: transparent transparent var(--border-hairline-dark)\n      var(--border-hairline-dark);\n  }\n\n  &[data-placement^='left'] {\n    border-color: var(--border-hairline-dark) var(--border-hairline-dark)\n      transparent transparent;\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","@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(--focus-ring-inner);\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(--border-hairline);\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(--radius-lg);\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(--radius-lg);\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(--fg-error);\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  @warn \"light-focus-ring mixin is deprecated. Use CSS variables instead.\";\n  --focus-ring: var(--focus-ring-light);\n}\n\n@mixin dark-btn-light-bg-focus-ring() {\n  @warn \"dark-btn-light-bg-focus-ring is deprecated. Use CSS variables instead.\";\n  --focus-ring: var(--focus-ring-outset);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n  @warn \"custom-color-focus-ring mixin is deprecated. Use CSS variables instead.\";\n\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  --fg-subtle: rgba(255, 255, 255, 0.8);\n  --light-text-color: rgba(255, 255, 255, 0.8);\n  background-color: var(--bg-selection-dark);\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(--fg-error) !important;\n  }\n\n  .fld-workspace {\n    flex: 1;\n    max-width: 100%;\n    border-start-start-radius: calc(var(--radius-sm) - 1px);\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-end-start-radius: calc(var(--radius-sm) - 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(--radius-md) var(--radius-md) 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(--radius-md);\n    border-end-end-radius: var(--radius-md);\n    border-end-start-radius: var(--radius-md);\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(--border-hairline);\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(--border-hairline);\n  border-radius: var(--radius-md);\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(--border-hairline);\n    border-radius: var(--radius-md);\n    background: none;\n    box-shadow: none;\n  }\n\n  &.draghelper {\n    @include mixins.shadow;\n  }\n\n  &.fld-field {\n    color: var(--fg-subtle);\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(--radius-lg);\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// thumbnail management\n.thumb-management {\n  margin-block: var(--xl);\n\n  .field:first-child {\n    margin-inline-end: var(--xl);\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(--radius-sm);\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(--radius-md);\n}\n\n.card-placeholder {\n  display: inline-block;\n  border: 1px dashed mixins.$grey300;\n  border-radius: var(--radius-sm);\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\n.entry-type-groups {\n  display: flex;\n  align-items: start;\n  flex-wrap: wrap;\n  gap: var(--s);\n}\n\n.entry-type-group {\n  display: flex;\n  flex-direction: column;\n  border-radius: var(--pane-border-radius);\n  border: var(--input-border);\n  margin: 0;\n  padding: var(--s);\n  background-color: var(--white);\n\n  .entry-type-group--titlebar {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--m);\n    margin-block: calc(var(--s) * -1) var(--s) !important;\n    margin-inline: calc(var(--s) * -1) !important;\n    padding: var(--s);\n    border-block-end: 1px solid var(--hairline-color);\n    font-weight: bold;\n\n    .entry-type-group--actions {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--s);\n\n      .icon {\n        margin-block: -4px 0;\n      }\n    }\n\n    span {\n      flex: 1;\n    }\n  }\n\n  .componentselect {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n\n    .components {\n      flex: 1;\n\n      // match the height of a single entry type chip being included\n      min-height: calc(\n        var(--xs) * 2 + var(--lh) + var(--xs) + 1.2 * 0.8em + var(--xs)\n      );\n\n      .entry-type-group--caboose {\n        content: '';\n        flex: 1;\n        width: 100%;\n      }\n    }\n  }\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  --focus-ring: var(--focus-ring-light);\n  background-color: var(--gray-900);\n  color: var(--white);\n  @include mixins.light-on-dark-text;\n  opacity: 0;\n  user-select: none;\n\n  [data-cropper-edit] {\n    @include mixins.visually-hidden;\n  }\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\n#cropping-canvas {\n  --focus-ring: none;\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",".yii-debug-toolbar__title a {\n  display: block !important;\n}\n","@charset \"UTF-8\";\n\n@import '@craftcms/sass/mixins';\n\n.cp-chart {\n  margin: 0;\n  height: 100%;\n  position: relative;\n}\n\n.cp-chart svg {\n  width: 100%;\n  height: 100%;\n}\n\n.cp-chart .axis path,\n.cp-chart .axis line {\n  fill: none;\n  stroke: var(--border-hairline);\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":""}