/* line 6, app/assets/stylesheets/admin/document.scss */
html {
  font-weight: 400;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url(https://cdn.transpareo.com/assets/PlusJakartaSans-Variable-fd1d69e8657b88fa5f6f3d43fce066612b408627add401631a29d856be9634b1.woff2) format("woff2-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url(https://cdn.transpareo.com/assets/PlusJakartaSans-Italic-Variable-8d349f7d834cd0b5df491ca78d40331ab25605fab6e3b29673d6df2f1c685770.woff2) format("woff2-variations");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(https://cdn.transpareo.com/assets/jetbrains-mono-0df47d2dafda9d5a91bad93c01d7c09d278c9ae3e8804d70971b3046dbc444b9.woff2) format("woff2-variations");
}

/* line 38, app/assets/stylesheets/admin/document.scss */
html {
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 46, app/assets/stylesheets/admin/document.scss */
body {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #3D3C3B;
  background: #fff;
  margin: 0;
  padding: 0;
}

@-moz-document url-prefix() {
  /* line 59, app/assets/stylesheets/admin/document.scss */
  body {
    font-weight: lighter !important;
  }
}

/* line 64, app/assets/stylesheets/admin/document.scss */
h1, h2, h3, legend {
  font-weight: 700;
  line-height: 120%;
}

/* line 69, app/assets/stylesheets/admin/document.scss */
h1 {
  font-size: 1.8em;
  margin-bottom: 0.8em;
}

/* line 74, app/assets/stylesheets/admin/document.scss */
h2, legend {
  font-size: 1.3em;
  margin-bottom: 0.7em;
}

/* line 79, app/assets/stylesheets/admin/document.scss */
h3 {
  font-size: 1.1em;
  margin-bottom: 0.4em;
}

/* line 85, app/assets/stylesheets/admin/document.scss */
li h1, li h2, li h3 {
  margin-top: 0;
}

/* line 90, app/assets/stylesheets/admin/document.scss */
a {
  text-decoration: none;
  color: var(--app-color, #2540F5);
}

/* line 95, app/assets/stylesheets/admin/document.scss */
strong {
  font-weight: 700;
}

/* line 99, app/assets/stylesheets/admin/document.scss */
em {
  font-style: italic;
}

/* line 106, app/assets/stylesheets/admin/document.scss */
button, input, textarea, select, optgroup {
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

/* line 112, app/assets/stylesheets/admin/document.scss */
input, textarea {
  font-weight: 400;
  font-style: normal;
}

/* line 117, app/assets/stylesheets/admin/document.scss */
ul {
  padding: 0;
  list-style: none;
}

/* line 121, app/assets/stylesheets/admin/document.scss */
ol {
  padding: 0 30px;
}

/* line 123, app/assets/stylesheets/admin/document.scss */
ol li {
  display: list-item;
  padding-left: 10px;
}

/* line 129, app/assets/stylesheets/admin/document.scss */
.center {
  padding-top: 20px;
  text-align: center;
}

/* line 134, app/assets/stylesheets/admin/document.scss */
.note {
  font-style: italic;
  color: #777;
  font-size: 15px;
  padding: 5px 0;
}

/* line 141, app/assets/stylesheets/admin/document.scss */
.error {
  color: #AB2430;
  padding-bottom: 10px;
}

/* line 146, app/assets/stylesheets/admin/document.scss */
.hidden {
  display: none;
}

/* line 150, app/assets/stylesheets/admin/document.scss */
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
/* line 6, app/assets/stylesheets/shared/_icons.scss */
:root {
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M0 170l0 360 414 0 0 211 586-391-586-391 0 211-414 0z'/%3E%3C/svg%3E");
  --icon-attention: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 962 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M957-24q10-16 0-34-10-16-30-16l-892 0q-18 0-28 16-13 18-2 34l446 782q8 18 30 18t30-18z m-420 50l0 100-110 0 0-100 110 0z m0 174l0 300-110 0 0-300 110 0z'/%3E%3C/svg%3E");
  --icon-barcode: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M0-82l0 864 84 0 0-864-84 0z m123 0l0 864 20 0 0-864-20 0z m70 0l0 864 63 0 0-864-63 0z m92 0l0 864 28 0 0-864-28 0z m104 0l0 864 41 0 0-864-41 0z m56 0l0 864 18 0 0-864-18 0z m61 0l0 864 19 0 0-864-19 0z m45 0l0 864 82 0 0-864-82 0z m111 0l0 864 43 0 0-864-43 0z m102 0l0 864 9 0 0-864-9 0z m25 0l0 864 27 0 0-864-27 0z m68 0l0 864 20 0 0-864-20 0z m61 0l0 864 82 0 0-864-82 0z'/%3E%3C/svg%3E");
  --icon-battery: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1285 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M1071 564v-428h-928v428h928z m72-321h71v214h-71v161q0 8-5 13t-13 5h-1036q-7 0-12-5t-6-13v-536q0-8 6-13t12-5h1036q8 0 13 5t5 13v161z m143 214v-214q0-30-21-51t-51-21v-89q0-37-26-63t-63-26h-1036q-36 0-63 26t-26 63v536q0 37 26 63t63 26h1036q37 0 63-26t26-63v-89q30 0 51-21t21-51z'/%3E%3C/svg%3E");
  --icon-beaker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M852 42q31-50 12-85t-78-36h-643q-59 0-78 36t12 85l280 443v222h-36q-14 0-25 11t-10 25 10 25 25 11h286q15 0 25-11t11-25-11-25-25-11h-36v-222z m-435 405l-151-240h397l-152 240-11 17v243h-71v-243z'/%3E%3C/svg%3E");
  --icon-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M509-96q0 8-9 8-33 0-57 24t-23 57q0 9-9 9t-9-9q0-41 29-70t69-28q9 0 9 9z m455 160q0-29-21-50t-50-21h-250q0-59-42-101t-101-42-101 42-42 101h-250q-29 0-50 21t-21 50q28 24 51 49t47 67 42 89 27 115 11 145q0 84 66 157t171 89q-5 10-5 21 0 23 16 38t38 16 38-16 16-38q0-11-5-21 106-16 171-89t66-157q0-78 11-145t28-115 41-89 48-67 50-49z'/%3E%3C/svg%3E");
  --icon-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 785 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M310 1q41-18 78-18 210 0 210 187 0 64-23 101-15 24-34 41t-38 26-45 14-47 6-53 1q-40 0-56-6 0-29 0-88t-1-88q0-5 0-38t0-54 2-47 7-37z m-8 417q23-4 61-4 46 0 80 7t61 25 42 50 14 79q0 39-16 68t-45 46-60 24-69 8q-28 0-73-7 0-28 3-84t2-85q0-15 0-45t-1-44q0-26 1-38z m-302-497l1 53q9 2 48 9t59 15q4 7 7 15t4 19 4 18 1 21 0 19v36q0 548-12 572-2 5-12 8t-25 6-28 4-27 3-17 2l-2 46q55 1 190 6t208 6q13 0 38-1t38 0q39 0 76-7t72-24 60-39 41-59 16-76q0-29-9-54t-22-40-36-32-41-25-47-22q86-20 144-75t57-138q0-56-20-101t-52-72-77-48-91-27-98-8q-25 0-74 2t-74 1q-59 0-171-6t-129-7z'/%3E%3C/svg%3E");
  --icon-building: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M50 800c-28 0-50-22-50-50 0 0 0-533 0-800 0-25 25-50 50-50 83 0 250 0 250 0l0 150c0 28 26 50 50 50l50 0c24 0 50-22 50-50 0-50 0-100 0-150 0 0 167 0 250 0 25 0 50 25 50 50 0 267 0 800 0 800 0 28-22 50-50 50z m100-150l150 0 0-100-150 0z m300 0l150 0 0-100-150 0z m-300-300l150 0 0-100-150 0z m300 0l150 0 0-100-150 0z'/%3E%3C/svg%3E");
  --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 893 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M0-150l0 649 893 0 0-649-893 0z m0 705l0 221 109 0 0-141 200 0 0 141 275 0 0-141 199 0 0 141 110 0 0-221-893 0z m168 139l0 156 82 0 0-156-82 0z m59-619q0-112 123-112 47 0 84 32 39 31 39 80 0 68-78 90 48 15 64 48 12 28-2 73-27 62-107 62-51 0-86-26t-37-77l72 0q0 45 49 46 43 0 45-52 0-49-84-47l0-57q48 0 68-8 23-11 23-46 0-57-54-61-43 0-47 55l-72 0z m281 146q49 14 88 47l0-297 70 0 0 371-64 0q-38-37-94-58l0-63z m135 473l0 156 82 0 0-156-82 0z'/%3E%3C/svg%3E");
  --icon-cancel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 785 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M724 112q0-22-15-38l-76-76q-16-15-38-15t-38 15l-164 165-164-165q-16-15-38-15t-38 15l-76 76q-16 16-16 38t16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38z'/%3E%3C/svg%3E");
  --icon-certificate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 992 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M0 219l94 139-86 146 154 67 6 168 166-28 96 139 125-113 156 64 43-162 166-29-51-160 123-116-129-107 43-164-168-20-52-160-153 74-131-107-88 145-167-20 3 170z'/%3E%3C/svg%3E");
  --icon-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M186 140l116 116 0-292-276 16 88 86q-116 122-114 290t120 288q100 100 240 116l4-102q-100-16-172-88-88-88-90-213t84-217z m332 598l276-16-88-86q116-122 114-290t-120-288q-96-98-240-118l-2 104q98 16 170 88 88 88 90 213t-84 217l-114-116z'/%3E%3C/svg%3E");
  --icon-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 920 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M460 810q190 0 325-135t135-325-135-325-325-135-325 135-135 325 135 325 325 135z m0-820q150 0 255 106t105 254q0 150-105 255t-255 105q-148 0-254-105t-106-255q0-148 106-254t254-106z m36 620l0-244 150-150-50-50-170 170 0 274 70 0z'/%3E%3C/svg%3E");
  --icon-cog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 857 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M571 350q0 59-41 101t-101 42-101-42-42-101 42-101 101-42 101 42 41 101z m286 61v-124q0-7-4-13t-11-7l-104-16q-10-30-21-51 19-27 59-77 6-6 6-13t-5-13q-15-21-55-61t-53-39q-7 0-14 5l-77 60q-25-13-51-21-9-76-16-104-4-16-20-16h-124q-8 0-14 5t-6 12l-16 103q-27 9-50 21l-79-60q-6-5-14-5-8 0-14 6-70 64-92 94-4 5-4 13 0 6 5 12 8 12 28 37t30 40q-15 28-23 55l-102 15q-7 1-11 7t-5 13v124q0 7 5 13t10 7l104 16q8 25 22 51-23 32-60 77-6 7-6 14 0 5 5 12 15 20 55 60t53 40q7 0 15-5l77-60q24 13 50 21 9 76 17 104 3 16 20 16h124q7 0 13-5t7-12l15-103q28-9 51-20l79 59q5 5 13 5 7 0 14-5 72-67 92-95 4-5 4-12 0-7-4-13-9-12-29-37t-30-40q15-28 23-54l102-16q7-1 12-7t4-13z'/%3E%3C/svg%3E");
  --icon-communication: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M1000 350q0-97-67-179t-182-130-251-48q-39 0-81 4-110-97-257-135-27-8-63-12-10-1-17 5t-10 16v1q-2 2 0 6t1 6 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 15 42q-88 50-138 123t-51 157q0 73 40 139t106 114 160 76 194 28q136 0 251-48t182-130 67-179z'/%3E%3C/svg%3E");
  --icon-content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M700 800q42 0 71-29t29-71l0-700q0-40-29-70t-71-30l-600 0q-40 0-70 30t-30 70l0 700q0 42 30 71t70 29l600 0z m0-800l0 700-600 0 0-700 600 0z m-250 250l0-50-250 0 0 50 250 0z m150 200l0-50-200 0 0 50 200 0z m-200 50l0 100 200 0 0-100-200 0z m-50 100l0-200-150 0 0 200 150 0z m-50-250l0-50-100 0 0 50 100 0z m50-50l0 50 250 0 0-50-250 0z m250-150l0-50-400 0 0 50 400 0z m-100 50l0 50 100 0 0-50-100 0z'/%3E%3C/svg%3E");
  --icon-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1702 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M47 799c63 65 153 71 231 0l573-551 574 551c78 71 167 65 231 0 64-66 60-176 0-238-60-61-689-662-689-662-32-33-74-49-116-49s-83 16-116 49c0 0-629 601-688 662-60 62-65 172 0 238z'/%3E%3C/svg%3E");
  --icon-droplet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M290 822q14-118 60-219t92-159 82-136 36-160q0-114-83-196t-197-82-197 82-83 196q0 82 36 160t82 136 92 159 60 219q2 8 11 8t9-8z m-42-392q2 4-2 14-6 6-14 6t-12-6l-40-58q-32-46-48-70t-34-75-18-101q0-24 17-41t41-17q58 0 58 68 0 94 42 246 2 6 5 17t5 17z'/%3E%3C/svg%3E");
  --icon-exclamation-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500s-224-500-500-500-500 224-500 500 224 500 500 500z m1-682c-12 0-22-2-32-6-9-4-18-10-25-16-7-7-12-15-16-24-4-10-6-20-6-30 0-11 2-21 6-30 4-9 9-18 16-24 7-7 16-13 25-16 10-4 20-6 32-6 11 0 21 2 31 6 9 3 18 9 25 16 7 6 13 15 17 24 4 9 6 19 6 30 0 10-2 20-6 30-4 9-10 17-17 24-7 6-16 12-25 16-10 4-20 6-31 6z m66 507h-130v-256c0-28 1-55 5-82 3-26 7-53 12-79l1-4h94c6 28 10 56 13 83 3 26 5 52 5 79l0 3v256z'/%3E%3C/svg%3E");
  --icon-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 630q92 0 177-25t141-62 99-77 63-71 20-45-20-44-63-71-99-78-141-62-177-25-177 25-141 62-99 78-63 71-20 44 20 45 63 71 99 77 141 62 177 25z m0-494q92 0 157 63t65 151q0 90-65 153t-157 63-157-63-65-153q0-88 65-151t157-63z m0 214q8-8 37-2t50 11 25-9q0-44-33-75t-79-31-78 31-32 75q0 46 32 77t78 31q14 0 10-23t-12-47 2-38z'/%3E%3C/svg%3E");
  --icon-flash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M40-100q-4 4 35 94t79 182 38 98-94 45-98 55q-4 12 84 120t180 209 96 97q6-4-74-186t-78-186 95-43 97-57q4-20-174-227t-186-201z'/%3E%3C/svg%3E");
  --icon-gauge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M214 207q0 30-21 51t-50 21-51-21-21-51 21-50 51-21 50 21 21 50z m107 250q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m239-268l57 213q3 14-5 27t-21 16-27-3-17-22l-56-213q-33-3-60-25t-35-55q-11-43 11-81t66-50 81 11 50 66q9 33-4 65t-40 51z m369 18q0 30-21 51t-51 21-50-21-21-51 21-50 50-21 51 21 21 50z m-358 357q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m250-107q0 30-20 51t-51 21-50-21-21-51 21-50 50-21 51 21 20 50z m179-250q0-145-79-269-10-17-30-17h-782q-20 0-30 17-79 123-79 269 0 102 40 194t106 160 160 107 194 39 194-39 160-107 106-160 40-194z'/%3E%3C/svg%3E");
  --icon-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M480 830q200 0 340-141t140-339q0-200-140-340t-340-140q-198 0-339 140t-141 340q0 198 141 339t339 141z m410-480q0 132-78 239t-202 149q-18-24-16-32 4-38 18-51t30-7l32 12t20 2q22-24 0-47t-45-56-1-77q34-64 96-64 28-2 43-36t17-66q10-80-14-140-22-44 14-76 86 112 86 250z m-466 404q-112-14-199-84t-127-174q6 0 22-2t28-3 26-4 24-8 12-13q4-12-14-45t-18-61q0-30 38-56t38-46q0-28 8-68t8-44q0-12 36-54t52-42q10 0 11 22t-2 54-3 40q0 32 14 74 12 42 59 70t55 46q16 34 9 61t-17 43-34 28-41 17-37 9-22 4q-16 6-42 7t-36-3-27 11-17 29q0 10 15 27t35 37 28 30q8 14 17 21t22 16 27 21q4 4 25 17t27 23z m-72-794q66-20 128-20 128 0 226 68-26 44-118 34-24-2-65-17t-47-17q-74-16-76-16-12-2-26-14t-22-18z'/%3E%3C/svg%3E");
  --icon-header: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M939-79q-25 0-74 2t-75 2q-24 0-73-2t-74-2q-13 0-21 12t-7 25q0 18 9 26t22 9 29 4 25 9q18 11 18 78l0 218q0 12-1 17-7 3-28 3h-376q-22 0-29-3 0-5 0-17l-1-207q0-79 21-91 9-6 26-8t32-2 25-8 11-26q0-14-6-26t-21-13q-26 0-78 2t-77 2q-24 0-71-2t-71-2q-13 0-20 12t-7 25q0 17 9 25t20 10 26 4 24 9q18 13 18 80l-1 31v454q0 2 1 15t0 20-1 21-2 24-4 20-6 18-9 10q-8 5-25 7t-29 1-23 7-10 26q0 14 6 26t20 13q26 0 78-2t77-2q23 0 71 2t70 2q14 0 21-13t7-26q0-17-9-25t-22-8-27-2-24-7q-20-12-20-90l1-178q0-12 0-18 7-2 22-2h390q14 0 21 2 1 6 1 18l0 178q0 78-19 90-10 6-33 7t-37 7-14 28q0 14 7 26t21 13q24 0 74-2t73-2q24 0 72 2t72 2q14 0 21-13t7-26q0-17-10-25t-22-8-29-2-24-7q-20-13-20-90l1-526q0-66 19-78 9-6 25-8t30-2 23-9 10-25q0-14-6-26t-20-13z'/%3E%3C/svg%3E");
  --icon-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500-79q-14 0-25 10l-348 336q-5 5-15 15t-31 37-38 54-30 67-13 77q0 123 71 192t196 70q34 0 70-12t67-33 54-38 42-38q20 20 42 38t54 38 67 33 70 12q125 0 196-70t71-192q0-123-128-251l-347-335q-10-10-25-10z'/%3E%3C/svg%3E");
  --icon-heartbeat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M714 279h171q-3-4-6-6t-5-4l-2-3-347-335q-10-10-25-10t-25 10l-348 336q-3 2-11 12h205q13 0 23 7t12 19l39 157 106-372q4-11 13-18t22-8q11 0 21 8t13 18l81 271 32-63q10-19 31-19z m286 238q0-80-57-167h-206l-62 123q-5 10-15 15t-20 5q-25-3-31-26l-72-240-109 383q-4 11-14 19t-22 7-21-8-13-19l-64-259h-236q-58 87-58 167 0 123 71 192t196 70q34 0 70-12t67-33 54-38 42-38q20 20 42 38t54 38 67 33 70 12q125 0 196-70t71-192z'/%3E%3C/svg%3E");
  --icon-history: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M532 760q170 0 289-120t119-290-119-290-289-120q-138 0-252 88l70 76q82-60 182-60 126 0 216 90t90 216q0 128-90 218t-216 90q-124 0-213-86t-93-210l142 0-184-206-184 206 124 0q4 166 123 282t285 116z m-36-190l70 0 0-204 130-130-50-50-150 150 0 234z'/%3E%3C/svg%3E");
  --icon-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M888 336q16-16 11-27t-27-11l-84 0 0-310q0-14-1-21t-8-13-23-6l-204 0 0 310-204 0 0-310-194 0q-28 0-35 10t-7 30l0 310-84 0q-22 0-27 11t11 27l400 402q16 16 38 16t38-16z'/%3E%3C/svg%3E");
  --icon-industry: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M250 850q15 0 25-11t11-25v-497l299 240q9 7 22 7 15 0 25-10t11-25v-212l299 240q10 7 22 7 15 0 25-10t11-25v-643q0-15-11-25t-25-11h-928q-15 0-25 11t-11 25v928q0 15 11 25t25 11h214z'/%3E%3C/svg%3E");
  --icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M352 850q48 0 74-27t26-69q0-50-39-88t-95-38q-48 0-74 26t-24 72q0 46 35 85t97 39z m-206-1000q-100 0-54 178l60 254q14 56 0 56-12 0-54-18t-72-38l-26 44q90 78 189 126t151 48q78 0 36-162l-70-266q-16-64 6-64 44 0 118 60l30-40q-84-86-175-132t-139-46z'/%3E%3C/svg%3E");
  --icon-italic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 571 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M0-78l10 48q12 4 34 9t40 11 33 13q16 19 23 56 1 4 35 162t63 303 29 165v14q-13 8-30 11t-39 4-32 3l10 58q19-1 67-4t84-4 67-1q27 0 55 1t68 4 54 4q-2-22-10-50-17-6-57-16t-60-19q-5-10-8-23t-5-23-4-25-4-24q-15-82-49-234t-43-198q-1-5-7-32t-11-51-9-46-4-32l1-10q9-3 103-18-2-24-9-55-6 0-18-1t-18-1q-16 0-49 6t-48 6q-77 1-115 1-28 0-79-5t-68-7z'/%3E%3C/svg%3E");
  --icon-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M774 612q20-116-28-215t-150-117q-66-12-130-2l-118-194-70-12-104-166q-14-28-46-32l-76-14q-12-4-22 4t-12 22l-16 98q-8 30 12 56l258 386q-24 50-38 120-18 106 53 187t185 101q106 20 195-45t107-177z m-126-76q30 44 21 97t-51 83q-42 32-92 22t-80-54q-8-12-12-23t-1-20 5-16 13-17 18-15 22-16 23-17q6-4 22-16t23-16 19-12 19-8 17 1 18 8 16 19z'/%3E%3C/svg%3E");
  --icon-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M236 646q182 106 506 66 168-22 196-50 4-6-2-10-76-40-130-109t-78-132-65-132-93-105q-138-96-382-4-66-76-114-176-12-24-47-7t-25 39q44 100 129 193t176 153 176 106 141 68l54 20q-14 0-41-1t-104-14-148-38-162-84-161-141q-22 242 174 358z'/%3E%3C/svg%3E");
  --icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M813 171q0 23-16 38l-116 116q-16 16-38 16-24 0-40-18 1-1 10-10t12-12 9-11 7-14 2-15q0-23-16-38t-38-16q-8 0-15 2t-14 7-11 9-12 12-10 10q-19-17-19-40 0-23 16-38l115-116q15-15 38-15 22 0 38 15l82 81q16 16 16 37z m-393 394q0 22-15 38l-115 115q-16 16-38 16-22 0-38-15l-82-82q-16-15-16-37 0-22 16-38l116-116q15-15 38-15 23 0 40 17-2 2-11 11t-12 12-8 10-7 14-2 16q0 22 15 38t38 15q9 0 16-2t14-7 11-8 12-12 10-11q18 17 18 41z m500-394q0-66-48-113l-82-81q-46-47-113-47-68 0-114 48l-115 115q-46 47-46 114 0 68 49 116l-49 49q-48-49-116-49-67 0-114 47l-116 116q-47 47-47 114t47 113l82 82q47 46 114 46 67 0 114-47l115-116q46-46 46-113 0-69-49-117l49-49q48 49 116 49 67 0 114-47l116-116q47-47 47-114z'/%3E%3C/svg%3E");
  --icon-link-ext: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M786 332v-178q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h393q7 0 12-5t5-13v-36q0-8-5-13t-12-5h-393q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v178q0 8 5 13t13 5h36q8 0 13-5t5-13z m214 482v-285q0-15-11-25t-25-11-25 11l-98 98-364-364q-5-6-13-6t-12 6l-64 64q-6 5-6 12t6 13l364 364-98 98q-11 11-11 25t11 25 25 11h285q15 0 25-11t11-25z'/%3E%3C/svg%3E");
  --icon-list-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M214 64q0-44-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m0 286q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232v-107q0-7-5-13t-13-5h-678q-8 0-13 5t-5 13v107q0 7 5 12t13 6h678q7 0 13-6t5-12z m-786 518q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232v-108q0-7-5-12t-13-5h-678q-8 0-13 5t-5 12v108q0 7 5 12t13 5h678q7 0 13-5t5-12z m0 285v-107q0-7-5-12t-13-6h-678q-8 0-13 6t-5 12v107q0 8 5 13t13 5h678q7 0 13-5t5-13z'/%3E%3C/svg%3E");
  --icon-list-numbered: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M213-54q0-45-31-70t-75-26q-60 0-96 37l31 49q28-25 60-25 16 0 28 8t12 24q0 35-59 31l-14 31q4 6 18 24t24 31 20 21v1q-9 0-27-1t-27 0v-30h-59v85h186v-49l-53-65q28-6 45-27t17-49z m1 350v-89h-202q-4 20-4 30 0 29 14 52t31 38 37 27 31 24 14 25q0 14-9 22t-22 7q-25 0-45-32l-47 33q13 28 40 44t59 16q40 0 68-23t28-63q0-28-19-51t-42-36-42-28-20-30h71v34h59z m786-178v-107q0-7-5-13t-13-5h-678q-8 0-13 5t-5 13v107q0 8 5 13t13 5h678q7 0 13-6t5-12z m-786 502v-56h-187v56h60q0 22 0 67t1 68v7h-1q-5-10-28-30l-40 42 76 71h59v-225h60z m786-216v-108q0-7-5-12t-13-5h-678q-8 0-13 5t-5 12v108q0 7 5 12t13 5h678q7 0 13-5t5-12z m0 285v-107q0-7-5-12t-13-6h-678q-8 0-13 6t-5 12v107q0 8 5 13t13 5h678q7 0 13-5t5-13z'/%3E%3C/svg%3E");
  --icon-locked: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500 0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500z m0-171c-127 0-229-102-229-229 0-3 0-7 0-10l0 0 0 0 0-356 458 0 0 356 0 0c0 3 0 7 0 10 0 127-102 229-229 229z m0-79c84 0 153-69 153-153 0-3 0-6 0-9l0 0 0 0 0-60-306 0 0 60 0 0 0 2c0 2 0 4 0 7 0 84 68 153 153 153z'/%3E%3C/svg%3E");
  --icon-looking-glass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M403 850c222 0 403-181 403-403 0-90-30-172-79-239l252-252c23-23 23-61 0-85-24-23-62-23-85 0l-252 252c-67-49-149-79-239-79-222 0-403 181-403 403 0 222 181 403 403 403z m4-130c-153 0-277-124-277-277 0-154 124-278 277-278 154 0 278 124 278 278 0 153-124 277-278 277z'/%3E%3C/svg%3E");
  --icon-media: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1071 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M357 529q0-45-31-76t-76-32-76 32-31 76 31 76 76 31 76-31 31-76z m572-215v-250h-786v107l178 179 90-89 285 285z m53 393h-893q-7 0-12-5t-6-13v-678q0-7 6-13t12-5h893q7 0 13 5t5 13v678q0 8-5 13t-13 5z m89-18v-678q0-37-26-63t-63-27h-893q-36 0-63 27t-26 63v678q0 37 26 63t63 27h893q37 0 63-27t26-63z'/%3E%3C/svg%3E");
  --icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 857 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M857 100v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 25t25 11h785q15 0 26-11t10-25z m0 286v-72q0-14-10-25t-26-10h-785q-15 0-25 10t-11 25v72q0 14 11 25t25 10h785q15 0 26-10t10-25z m0 285v-71q0-14-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 26t25 10h785q15 0 26-10t10-26z'/%3E%3C/svg%3E");
  --icon-money: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1071 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M429 207h214v54h-72v250h-63l-83-77 43-44q24 20 31 31h1v-160h-71v-54z m285 143q0-39-11-79t-34-75-56-56-77-22-77 22-57 56-33 75-12 79 12 79 33 75 57 56 77 22 77-22 56-56 34-75 11-79z m286-143v286q-59 0-101 42t-42 101h-643q0-59-42-101t-101-42v-286q60 0 101-42t42-101h643q0 59 42 101t101 42z m71 464v-642q0-15-10-25t-25-11h-1000q-15 0-25 11t-11 25v642q0 15 11 26t25 10h1000q14 0 25-10t10-26z'/%3E%3C/svg%3E");
  --icon-move: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M981 219c24-43 10-97-33-122l-402-232c-14-8-30-12-46-12-16 0-31 4-46 12l-402 232c-43 25-57 79-33 122 25 43 80 57 122 33l359-207 359 207c43 24 97 10 122-33z m-435 616l402-232c43-25 57-79 33-122-25-43-79-57-122-33l-359 207-359-207c-42-24-97-10-122 33-24 43-10 97 33 122l402 232c13 8 28 12 42 12l4 0c16 0 32-4 46-12z'/%3E%3C/svg%3E");
  --icon-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M352-10l-334 333 158 160 176-174 400 401 159-160z'/%3E%3C/svg%3E");
  --icon-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M718 680q32-32 47-64t15-48l0-16-252-252-290-288-238-52 50 240 290 288 252 252q54 12 126-60z m-494-640l24 24q-2 44-52 94-22 22-45 35t-35 13l-14 2-22-24-18-80q28-16 46-34 24-24 36-48z'/%3E%3C/svg%3E");
  --icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 785 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M786 439v-107q0-22-16-38t-38-15h-232v-233q0-22-16-37t-38-16h-107q-22 0-38 16t-15 37v233h-232q-23 0-38 15t-16 38v107q0 23 16 38t38 16h232v232q0 22 15 38t38 16h107q23 0 38-16t16-38v-232h232q23 0 38-16t16-38z'/%3E%3C/svg%3E");
  --icon-question-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500s-224-500-500-500-500 224-500 500 224 500 500 500z m-20-682c-44 0-79-34-79-76s35-76 79-76 78 34 78 76-35 76-78 76z m20 511c-20 0-39-2-56-5-17-3-33-8-48-14-15-6-29-13-42-21-13-8-25-17-36-26l36-56c7-11 16-17 29-17 6 0 12 2 17 5 6 3 12 7 20 11 8 4 17 8 27 11 11 3 24 5 40 5 21 0 37-5 49-16 11-11 17-25 17-43 0-14-3-27-9-38-6-11-14-21-24-29-9-9-20-17-31-25-11-7-21-15-31-24-9-8-17-17-23-26-7-10-10-22-10-35 0-2 1-9 1-10l10-72h95l12 62c2 9 7 18 15 25 7 8 16 15 26 23s22 16 33 25c12 8 22 19 32 31 10 12 18 26 24 43 6 16 9 36 9 59 0 23-4 45-12 64-9 20-21 36-37 50-16 14-35 25-57 32-23 7-48 11-76 11z'/%3E%3C/svg%3E");
  --icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 762 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M146 680q146 0 184-146 38-140-40-302-80-168-224-204-32-8-66-8l0 70q112 0 182 108 54 86 26 146-16 36-62 36-60 0-103 44t-43 106 43 106 103 44z m420 0q146 0 184-146 38-140-40-302-80-168-224-204-32-8-66-8l0 70q112 0 182 108 54 86 26 146-16 36-62 36-60 0-103 44t-43 106 43 106 103 44z'/%3E%3C/svg%3E");
  --icon-recycle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M467 198l-9-206-1-12-234 16q-20 2-38 18t-26 36q-6 15-8 31t2 36 7 31 12 36 11 29q43-6 284-15z m-216 327l100-212-82 52q-35-41-62-81t-41-70-22-53-10-35l-2-11-106 199q-10 14-10 31t3 26l4 10q20 35 64 105l-78 48z m687-289l-105-200q-7-16-21-26t-24-12l-10-2q-40-4-122-7l4-91-128 205 118 202 4-97q94-9 157-2t95 18z m-439 516q-26-35-147-243l-177 104-11 7 126 199q11 17 33 25t45 5q13-1 27-6t23-12 23-18 21-20 20-22 17-19z m366-171l118-203q10-21 7-42t-15-42q-7-11-18-20t-22-16-27-12-26-9-29-8-25-7q-19 40-148 244l174 108z m-80 126l79 46-122-208-234 11 84 48q-19 50-42 93t-42 69-36 44-26 26l-10 7 226 0q18 1 33-6t22-16l6-8q21-34 62-106z'/%3E%3C/svg%3E");
  --icon-resize-full: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 792 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M476 746l316 0 0-316-100 124-146-152-100 100 152 146z m-230-444l100-100-152-146 122-100-316 0 0 316 100-122z'/%3E%3C/svg%3E");
  --icon-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 714 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M607 314v357h-250v-634q67 35 119 76 131 103 131 201z m107 429v-429q0-48-18-95t-47-84-66-71-70-57-68-43-50-28-23-11q-7-4-15-4t-14 4q-9 4-24 11t-50 28-67 43-71 57-66 71-46 84-19 95v429q0 14 11 25t25 11h643q14 0 25-11t10-25z'/%3E%3C/svg%3E");
  --icon-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 857 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M196 64v-71h-196v71h196z m197 72q14 0 25-11t11-25v-143q0-14-11-25t-25-11h-143q-14 0-25 11t-11 25v143q0 15 11 25t25 11h143z m89 214v-71h-482v71h482z m-357 286v-72h-125v72h125z m732-572v-71h-411v71h411z m-536 643q15 0 26-10t10-26v-142q0-15-10-25t-26-11h-142q-15 0-25 11t-11 25v142q0 15 11 26t25 10h142z m358-286q14 0 25-10t10-25v-143q0-15-10-25t-25-11h-143q-15 0-25 11t-11 25v143q0 14 11 25t25 10h143z m178-71v-71h-125v71h125z m0 286v-72h-482v72h482z'/%3E%3C/svg%3E");
  --icon-smiley-bad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500 0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500z m0-72c-236 0-428-192-428-428 0-236 192-428 428-428 236 0 428 192 428 428 0 236-192 428-428 428z m1-527c119 0 223-67 274-166-78 52-172 82-273 82-102 0-196-31-275-84l-2-1c52 101 156 169 276 169z m-164 356c71 0 129-57 129-128 0-71-58-129-129-129-71 0-128 58-128 129 0 71 57 128 128 128z m326 0c71 0 128-57 128-128 0-71-57-129-128-129-71 0-129 58-129 129 0 71 58 128 129 128z'/%3E%3C/svg%3E");
  --icon-smiley-good: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500 0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500z m0-72c-236 0-428-192-428-428 0-236 192-428 428-428 236 0 428 192 428 428 0 236-192 428-428 428z m342-521c-63-124-192-208-341-208-149 0-277 84-341 207 97-65 214-102 340-102 126 0 244 38 341 103l1 0z m-505 350c71 0 129-57 129-128 0-71-58-129-129-129-71 0-128 58-128 129 0 71 57 128 128 128z m326 0c71 0 128-57 128-128 0-71-57-129-128-129-71 0-129 58-129 129 0 71 58 128 129 128z'/%3E%3C/svg%3E");
  --icon-smiley-neutral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500 0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500z m0-72c-236 0-428-192-428-428 0-236 192-428 428-428 236 0 428 192 428 428 0 236-192 428-428 428z m0-586c99 0 194-15 284-43l0 0c-90-27-185-42-284-42-98 0-194 15-283 42l0 0c89 28 185 43 283 43z m-163 415c71 0 129-57 129-128 0-71-58-129-129-129-71 0-128 58-128 129 0 71 57 128 128 128z m326 0c71 0 128-57 128-128 0-71-57-129-128-129-71 0-129 58-129 129 0 71 58 128 129 128z'/%3E%3C/svg%3E");
  --icon-smiley-very-bad: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500 0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500z m1-599c-120 0-224-68-276-169l0 0 2 1c79 53 173 84 275 84 101 0 195-30 273-82-51 99-155 166-274 166z m-164 356c-71 0-128-57-128-128 0-71 57-129 128-129 71 0 129 58 129 129 0 71-58 128-129 128z m326 0c-71 0-129-57-129-128 0-71 58-129 129-129 71 0 128 58 128 129 0 71-57 128-128 128z'/%3E%3C/svg%3E");
  --icon-smiley-very-good: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M500 850c276 0 500-224 500-500 0-276-224-500-500-500-276 0-500 224-500 500 0 276 224 500 500 500z m342-593l-1 0c-97-65-215-103-341-103-126 0-243 37-340 102 64-123 192-207 341-207 149 0 278 84 341 208l0 0z m-505 350c-71 0-128-57-128-128 0-71 57-129 128-129 71 0 129 58 129 129 0 71-58 128-129 128z m326 0c-71 0-129-57-129-128 0-71 58-129 129-129 71 0 128 58 128 129 0 71-57 128-128 128z'/%3E%3C/svg%3E");
  --icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M929 489q0-12-15-27l-202-197 48-279q0-4 0-12 0-11-6-19t-17-9q-10 0-22 7l-251 132-250-132q-12-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27 0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26z'/%3E%3C/svg%3E");
  --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M635 290l170 166-235 34-106 213-105-213-236-34 171-166-41-235 211 111 211-111z m294 199q0-12-15-27l-202-197 48-279q0-4 0-12 0-28-23-28-10 0-22 7l-251 132-250-132q-12-7-23-7-11 0-17 9t-6 19q0 4 1 12l48 279-203 197q-14 15-14 27 0 21 31 26l280 40 126 254q11 23 27 23t28-23l125-254 280-40q32-5 32-26z'/%3E%3C/svg%3E");
  --icon-stats: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1142 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M357 350v-286h-143v286h143z m214 286v-572h-142v572h142z m572-643v-72h-1143v858h71v-786h1072z m-357 500v-429h-143v429h143z m214 214v-643h-143v643h143z'/%3E%3C/svg%3E");
  --icon-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 857 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M250 600q0 30-21 51t-50 20-51-20-21-51 21-50 51-21 50 21 21 50z m595-321q0-30-20-51l-274-274q-22-21-51-21-30 0-50 21l-399 399q-21 21-36 57t-15 65v232q0 29 21 50t50 22h233q29 0 65-15t57-36l399-399q20-21 20-50z'/%3E%3C/svg%3E");
  --icon-thermometer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 571 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M357 100q0-45-31-76t-76-31-76 31-31 76q0 34 19 61t52 40v363h72v-363q32-12 52-40t19-61z m72 0q0 43-19 80t-53 63v428q0 45-31 76t-76 32-76-32-31-76v-428q-34-25-53-63t-19-80q0-74 53-126t126-53 126 53 53 126z m71 0q0-103-73-177t-177-73-177 73-73 177q0 102 71 175v396q0 75 53 127t126 52 126-52 53-127v-396q71-73 71-175z m71 321v-71h-107v71h107z m0 143v-71h-107v71h107z m0 143v-71h-107v71h107z'/%3E%3C/svg%3E");
  --icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 814 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M769 739c24 0 45-20 45-45s-21-45-45-45l-6 0-135-688-438 0-134 688-11 0c-25 0-45 20-45 45s20 45 45 45l724 0z m-396-107l-19 17-118 0-18-17 77-78z m-194-258l25-129 60 60-78 77z m39 40l77-77 78 77-78 76z m186-32l-76-77 76-77 77 77z m32 32l77-77 77 77-77 76z m-32 31l77 78-77 76-76-76z m-218 154l-43-42 17-85 26-27 78 78z m109-326l-77-78 77-76 78 76z m109-109l-76-77 57-58 38 0 58 58z m109-45l77 76-77 78-77-78z m100 118l25 128-17 17-76-77z m48 247l13 64-53 51-76-76 76-78z m-71 148l-19 17-117 0-18-17 77-78z m-457-23l40 40-48 0z m96-487l17-93 75 0z m364 12l-107-105 85 0z m91 468l10 47-59 0z'/%3E%3C/svg%3E");
  --icon-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M357 64q0 29-21 51t-50 21-50-21-22-51 22-50 50-21 50 21 21 50z m-214 286h214v143h-88q-7 0-12-5l-109-109q-5-5-5-12v-17z m714-286q0 29-21 51t-50 21-50-21-22-51 22-50 50-21 50 21 21 50z m143 607v-571q0-8-2-15t-8-10-9-6-13-4-13-1-14 0-12 0q0-59-42-101t-101-42-101 42-42 101h-214q0-59-42-101t-101-42-101 42-42 101h-36q-1 0-12 0t-15 0-12 1-13 4-9 6-8 10-2 15q0 15 10 25t25 11v178q0 5 0 20t0 21 2 19 3 21 8 17 13 17l110 110q11 11 28 18t33 7h89v107q0 15 11 26t25 10h571q15 0 25-10t11-26z'/%3E%3C/svg%3E");
  --icon-umbrella: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M465 797q184 0 315-131t131-315l-112 0q0 16-12 29t-30 13-29-13-13-29l-111 0q0 16-13 29t-29 13-29-13-12-29l0-279q0-69-49-119t-119-50-118 50-49 119l112 0q0-24 16-40t39-16q24 0 40 16t16 40l0 279q0 16-12 29t-30 13-29-13-13-29l-111 0q0 16-13 29t-29 13-29-13-13-29l-112 0q0 184 131 315t316 131z'/%3E%3C/svg%3E");
  --icon-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1702 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M1656-99c-64-65-153-71-232 0l-573 551-574-551c-78-71-167-65-230 0-65 66-60 176 0 238 59 61 688 662 688 662 32 33 74 49 116 49s84-16 116-49c0 0 629-601 689-662 60-62 64-172 0-238z'/%3E%3C/svg%3E");
  --icon-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 940 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M736 128q204-72 204-122l0-106-940 0 0 106q0 50 204 122 94 34 128 69t34 95q0 22-22 49t-32 73q-2 12-9 18t-14 8-14 17-9 43q0 16 5 26t9 12l4 4q-8 50-12 88-4 54 41 112t157 58 158-58 40-112l-12-88q18-8 18-42-2-28-9-43t-14-17-14-8-9-18q-8-48-31-74t-23-48q0-60 35-95t127-69z'/%3E%3C/svg%3E");
  --icon-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M1000-90l-224 0 0 150q0 54-30 81t-154 89q40 30 40 84 0 16-13 33t-19 51q-2 8-14 16t-14 42q0 24 12 30-6 34-8 60-4 38 23 78t95 40 96-40 24-78l-8-60q12-6 12-30-2-34-14-42t-14-16q-6-34-19-51t-13-33q0-42 21-66t77-48q112-46 130-80 6-8 9-61t5-101l0-48z m-488 262q182-78 182-124l0-138-694 0 0 184q0 44 84 78 76 32 104 64t28 88q0 20-19 44t-25 68q-2 10-18 22t-20 56q0 14 3 23t7 13l4 2q-6 46-10 82-4 50 33 103t127 53 127-53 33-103l-10-82q14-8 14-38-4-44-20-56t-18-22q-6-44-25-68t-19-44q0-56 28-88t104-64z'/%3E%3C/svg%3E");
  --icon-website: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M214 189v-35q0-8-5-13t-13-5h-35q-7 0-13 5t-5 13v35q0 8 5 13t13 5h35q8 0 13-5t5-13z m0 143v-36q0-7-5-12t-13-5h-35q-7 0-13 5t-5 12v36q0 7 5 13t13 5h35q8 0 13-5t5-13z m0 143v-36q0-7-5-12t-13-6h-35q-7 0-13 6t-5 12v36q0 7 5 13t13 5h35q8 0 13-5t5-13z m643-286v-35q0-8-5-13t-13-5h-535q-8 0-13 5t-5 13v35q0 8 5 13t13 5h535q8 0 13-5t5-13z m0 143v-36q0-7-5-12t-13-5h-535q-8 0-13 5t-5 12v36q0 7 5 13t13 5h535q8 0 13-5t5-13z m0 143v-36q0-7-5-12t-13-6h-535q-8 0-13 6t-5 12v36q0 7 5 13t13 5h535q8 0 13-5t5-13z m72-393v464q0 8-6 13t-12 5h-822q-7 0-12-5t-6-13v-464q0-7 6-12t12-6h822q7 0 12 6t6 12z m71 607v-607q0-37-26-63t-63-26h-822q-36 0-63 26t-26 63v607q0 37 26 63t63 27h822q37 0 63-27t26-63z'/%3E%3C/svg%3E");
  --icon-wrench: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 928 1000'%3E%3Cpath transform='translate(0 850) scale(1 -1)' d='M214 29q0 14-10 25t-25 10-25-10-11-25 11-25 25-11 25 11 10 25z m360 234l-381-381q-21-20-50-20-29 0-51 20l-59 61q-21 20-21 50 0 29 21 51l380 380q22-55 64-97t97-64z m354 243q0-22-13-59-27-75-92-122t-144-46q-104 0-177 73t-73 177 73 176 177 74q32 0 67-10t60-26q9-6 9-15t-9-16l-163-94v-125l108-60q2 2 44 27t75 45 40 20q8 0 13-5t5-14z'/%3E%3C/svg%3E");
}

/* line 79, app/assets/stylesheets/shared/_icons.scss */
.icon-arrow:before,
.icon-attention:before,
.icon-barcode:before,
.icon-battery:before,
.icon-beaker:before,
.icon-bell:before,
.icon-bold:before,
.icon-building:before,
.icon-calendar:before,
.icon-cancel:before,
.icon-certificate:before,
.icon-circle:before,
.icon-clock:before,
.icon-cog:before,
.icon-communication:before,
.icon-content:before,
.icon-down:before,
.icon-droplet:before,
.icon-exclamation-mark:before,
.icon-eye:before,
.icon-flash:before,
.icon-gauge:before,
.icon-globe:before,
.icon-header:before,
.icon-heart:before,
.icon-heartbeat:before,
.icon-history:before,
.icon-home:before,
.icon-industry:before,
.icon-info:before,
.icon-italic:before,
.icon-key:before,
.icon-leaf:before,
.icon-link:before,
.icon-link-ext:before,
.icon-list-bullet:before,
.icon-list-numbered:before,
.icon-locked:before,
.icon-looking-glass:before,
.icon-media:before,
.icon-menu:before,
.icon-money:before,
.icon-move:before,
.icon-ok:before,
.icon-pencil:before,
.icon-plus:before,
.icon-question-mark:before,
.icon-quote:before,
.icon-recycle:before,
.icon-resize-full:before,
.icon-shield:before,
.icon-sliders:before,
.icon-smiley-bad:before,
.icon-smiley-good:before,
.icon-smiley-neutral:before,
.icon-smiley-very-bad:before,
.icon-smiley-very-good:before,
.icon-star:before,
.icon-star-empty:before,
.icon-stats:before,
.icon-tag:before,
.icon-thermometer:before,
.icon-trash:before,
.icon-truck:before,
.icon-umbrella:before,
.icon-up:before,
.icon-user:before,
.icon-users:before,
.icon-website:before,
.icon-wrench:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* line 163, app/assets/stylesheets/shared/_icons.scss */
.icon {
  display: inline-block;
  margin-right: 0.3em;
}

/* line 165, app/assets/stylesheets/shared/_icons.scss */
.icon-arrow:before {
  -webkit-mask-image: var(--icon-arrow);
  mask-image: var(--icon-arrow);
}

/* line 166, app/assets/stylesheets/shared/_icons.scss */
.icon-attention:before {
  -webkit-mask-image: var(--icon-attention);
  mask-image: var(--icon-attention);
  width: 0.962em;
}

/* line 167, app/assets/stylesheets/shared/_icons.scss */
.icon-barcode:before {
  -webkit-mask-image: var(--icon-barcode);
  mask-image: var(--icon-barcode);
}

/* line 168, app/assets/stylesheets/shared/_icons.scss */
.icon-battery:before {
  -webkit-mask-image: var(--icon-battery);
  mask-image: var(--icon-battery);
  width: 1.285em;
}

/* line 169, app/assets/stylesheets/shared/_icons.scss */
.icon-beaker:before {
  -webkit-mask-image: var(--icon-beaker);
  mask-image: var(--icon-beaker);
  width: 0.928em;
}

/* line 170, app/assets/stylesheets/shared/_icons.scss */
.icon-bell:before {
  -webkit-mask-image: var(--icon-bell);
  mask-image: var(--icon-bell);
}

/* line 171, app/assets/stylesheets/shared/_icons.scss */
.icon-bold:before {
  -webkit-mask-image: var(--icon-bold);
  mask-image: var(--icon-bold);
  width: 0.785em;
}

/* line 172, app/assets/stylesheets/shared/_icons.scss */
.icon-building:before {
  -webkit-mask-image: var(--icon-building);
  mask-image: var(--icon-building);
  width: 0.75em;
}

/* line 173, app/assets/stylesheets/shared/_icons.scss */
.icon-calendar:before {
  -webkit-mask-image: var(--icon-calendar);
  mask-image: var(--icon-calendar);
  width: 0.893em;
}

/* line 174, app/assets/stylesheets/shared/_icons.scss */
.icon-cancel:before {
  -webkit-mask-image: var(--icon-cancel);
  mask-image: var(--icon-cancel);
  width: 0.785em;
}

/* line 175, app/assets/stylesheets/shared/_icons.scss */
.icon-certificate:before {
  -webkit-mask-image: var(--icon-certificate);
  mask-image: var(--icon-certificate);
  width: 0.992em;
}

/* line 176, app/assets/stylesheets/shared/_icons.scss */
.icon-circle:before {
  -webkit-mask-image: var(--icon-circle);
  mask-image: var(--icon-circle);
  width: 0.82em;
}

/* line 177, app/assets/stylesheets/shared/_icons.scss */
.icon-clock:before {
  -webkit-mask-image: var(--icon-clock);
  mask-image: var(--icon-clock);
  width: 0.92em;
}

/* line 178, app/assets/stylesheets/shared/_icons.scss */
.icon-cog:before {
  -webkit-mask-image: var(--icon-cog);
  mask-image: var(--icon-cog);
  width: 0.857em;
}

/* line 179, app/assets/stylesheets/shared/_icons.scss */
.icon-communication:before {
  -webkit-mask-image: var(--icon-communication);
  mask-image: var(--icon-communication);
}

/* line 180, app/assets/stylesheets/shared/_icons.scss */
.icon-content:before {
  -webkit-mask-image: var(--icon-content);
  mask-image: var(--icon-content);
  width: 0.8em;
}

/* line 181, app/assets/stylesheets/shared/_icons.scss */
.icon-down:before {
  -webkit-mask-image: var(--icon-down);
  mask-image: var(--icon-down);
  width: 1.702em;
}

/* line 182, app/assets/stylesheets/shared/_icons.scss */
.icon-droplet:before {
  -webkit-mask-image: var(--icon-droplet);
  mask-image: var(--icon-droplet);
  width: 0.56em;
}

/* line 183, app/assets/stylesheets/shared/_icons.scss */
.icon-exclamation-mark:before {
  -webkit-mask-image: var(--icon-exclamation-mark);
  mask-image: var(--icon-exclamation-mark);
}

/* line 184, app/assets/stylesheets/shared/_icons.scss */
.icon-eye:before {
  -webkit-mask-image: var(--icon-eye);
  mask-image: var(--icon-eye);
}

/* line 185, app/assets/stylesheets/shared/_icons.scss */
.icon-flash:before {
  -webkit-mask-image: var(--icon-flash);
  mask-image: var(--icon-flash);
  width: 0.4em;
}

/* line 186, app/assets/stylesheets/shared/_icons.scss */
.icon-gauge:before {
  -webkit-mask-image: var(--icon-gauge);
  mask-image: var(--icon-gauge);
}

/* line 187, app/assets/stylesheets/shared/_icons.scss */
.icon-globe:before {
  -webkit-mask-image: var(--icon-globe);
  mask-image: var(--icon-globe);
  width: 0.96em;
}

/* line 188, app/assets/stylesheets/shared/_icons.scss */
.icon-header:before {
  -webkit-mask-image: var(--icon-header);
  mask-image: var(--icon-header);
}

/* line 189, app/assets/stylesheets/shared/_icons.scss */
.icon-heart:before {
  -webkit-mask-image: var(--icon-heart);
  mask-image: var(--icon-heart);
}

/* line 190, app/assets/stylesheets/shared/_icons.scss */
.icon-heartbeat:before {
  -webkit-mask-image: var(--icon-heartbeat);
  mask-image: var(--icon-heartbeat);
}

/* line 191, app/assets/stylesheets/shared/_icons.scss */
.icon-history:before {
  -webkit-mask-image: var(--icon-history);
  mask-image: var(--icon-history);
  width: 0.94em;
}

/* line 192, app/assets/stylesheets/shared/_icons.scss */
.icon-home:before {
  -webkit-mask-image: var(--icon-home);
  mask-image: var(--icon-home);
  width: 0.9em;
}

/* line 193, app/assets/stylesheets/shared/_icons.scss */
.icon-industry:before {
  -webkit-mask-image: var(--icon-industry);
  mask-image: var(--icon-industry);
}

/* line 194, app/assets/stylesheets/shared/_icons.scss */
.icon-info:before {
  -webkit-mask-image: var(--icon-info);
  mask-image: var(--icon-info);
  width: 0.46em;
}

/* line 195, app/assets/stylesheets/shared/_icons.scss */
.icon-italic:before {
  -webkit-mask-image: var(--icon-italic);
  mask-image: var(--icon-italic);
  width: 0.571em;
}

/* line 196, app/assets/stylesheets/shared/_icons.scss */
.icon-key:before {
  -webkit-mask-image: var(--icon-key);
  mask-image: var(--icon-key);
  width: 0.78em;
}

/* line 197, app/assets/stylesheets/shared/_icons.scss */
.icon-leaf:before {
  -webkit-mask-image: var(--icon-leaf);
  mask-image: var(--icon-leaf);
  width: 0.94em;
}

/* line 198, app/assets/stylesheets/shared/_icons.scss */
.icon-link:before {
  -webkit-mask-image: var(--icon-link);
  mask-image: var(--icon-link);
  width: 0.928em;
}

/* line 199, app/assets/stylesheets/shared/_icons.scss */
.icon-link-ext:before {
  -webkit-mask-image: var(--icon-link-ext);
  mask-image: var(--icon-link-ext);
}

/* line 200, app/assets/stylesheets/shared/_icons.scss */
.icon-list-bullet:before {
  -webkit-mask-image: var(--icon-list-bullet);
  mask-image: var(--icon-list-bullet);
}

/* line 201, app/assets/stylesheets/shared/_icons.scss */
.icon-list-numbered:before {
  -webkit-mask-image: var(--icon-list-numbered);
  mask-image: var(--icon-list-numbered);
}

/* line 202, app/assets/stylesheets/shared/_icons.scss */
.icon-locked:before {
  -webkit-mask-image: var(--icon-locked);
  mask-image: var(--icon-locked);
}

/* line 203, app/assets/stylesheets/shared/_icons.scss */
.icon-looking-glass:before {
  -webkit-mask-image: var(--icon-looking-glass);
  mask-image: var(--icon-looking-glass);
}

/* line 204, app/assets/stylesheets/shared/_icons.scss */
.icon-media:before {
  -webkit-mask-image: var(--icon-media);
  mask-image: var(--icon-media);
  width: 1.071em;
}

/* line 205, app/assets/stylesheets/shared/_icons.scss */
.icon-menu:before {
  -webkit-mask-image: var(--icon-menu);
  mask-image: var(--icon-menu);
  width: 0.857em;
}

/* line 206, app/assets/stylesheets/shared/_icons.scss */
.icon-money:before {
  -webkit-mask-image: var(--icon-money);
  mask-image: var(--icon-money);
  width: 1.071em;
}

/* line 207, app/assets/stylesheets/shared/_icons.scss */
.icon-move:before {
  -webkit-mask-image: var(--icon-move);
  mask-image: var(--icon-move);
}

/* line 208, app/assets/stylesheets/shared/_icons.scss */
.icon-ok:before {
  -webkit-mask-image: var(--icon-ok);
  mask-image: var(--icon-ok);
  width: 0.928em;
}

/* line 209, app/assets/stylesheets/shared/_icons.scss */
.icon-pencil:before {
  -webkit-mask-image: var(--icon-pencil);
  mask-image: var(--icon-pencil);
  width: 0.78em;
}

/* line 210, app/assets/stylesheets/shared/_icons.scss */
.icon-plus:before {
  -webkit-mask-image: var(--icon-plus);
  mask-image: var(--icon-plus);
  width: 0.785em;
}

/* line 211, app/assets/stylesheets/shared/_icons.scss */
.icon-question-mark:before {
  -webkit-mask-image: var(--icon-question-mark);
  mask-image: var(--icon-question-mark);
}

/* line 212, app/assets/stylesheets/shared/_icons.scss */
.icon-quote:before {
  -webkit-mask-image: var(--icon-quote);
  mask-image: var(--icon-quote);
  width: 0.762em;
}

/* line 213, app/assets/stylesheets/shared/_icons.scss */
.icon-recycle:before {
  -webkit-mask-image: var(--icon-recycle);
  mask-image: var(--icon-recycle);
}

/* line 214, app/assets/stylesheets/shared/_icons.scss */
.icon-resize-full:before {
  -webkit-mask-image: var(--icon-resize-full);
  mask-image: var(--icon-resize-full);
  width: 0.792em;
}

/* line 215, app/assets/stylesheets/shared/_icons.scss */
.icon-shield:before {
  -webkit-mask-image: var(--icon-shield);
  mask-image: var(--icon-shield);
  width: 0.714em;
}

/* line 216, app/assets/stylesheets/shared/_icons.scss */
.icon-sliders:before {
  -webkit-mask-image: var(--icon-sliders);
  mask-image: var(--icon-sliders);
  width: 0.857em;
}

/* line 217, app/assets/stylesheets/shared/_icons.scss */
.icon-smiley-bad:before {
  -webkit-mask-image: var(--icon-smiley-bad);
  mask-image: var(--icon-smiley-bad);
}

/* line 218, app/assets/stylesheets/shared/_icons.scss */
.icon-smiley-good:before {
  -webkit-mask-image: var(--icon-smiley-good);
  mask-image: var(--icon-smiley-good);
}

/* line 219, app/assets/stylesheets/shared/_icons.scss */
.icon-smiley-neutral:before {
  -webkit-mask-image: var(--icon-smiley-neutral);
  mask-image: var(--icon-smiley-neutral);
}

/* line 220, app/assets/stylesheets/shared/_icons.scss */
.icon-smiley-very-bad:before {
  -webkit-mask-image: var(--icon-smiley-very-bad);
  mask-image: var(--icon-smiley-very-bad);
}

/* line 221, app/assets/stylesheets/shared/_icons.scss */
.icon-smiley-very-good:before {
  -webkit-mask-image: var(--icon-smiley-very-good);
  mask-image: var(--icon-smiley-very-good);
}

/* line 222, app/assets/stylesheets/shared/_icons.scss */
.icon-star:before {
  -webkit-mask-image: var(--icon-star);
  mask-image: var(--icon-star);
  width: 0.928em;
}

/* line 223, app/assets/stylesheets/shared/_icons.scss */
.icon-star-empty:before {
  -webkit-mask-image: var(--icon-star-empty);
  mask-image: var(--icon-star-empty);
  width: 0.928em;
}

/* line 224, app/assets/stylesheets/shared/_icons.scss */
.icon-stats:before {
  -webkit-mask-image: var(--icon-stats);
  mask-image: var(--icon-stats);
  width: 1.142em;
}

/* line 225, app/assets/stylesheets/shared/_icons.scss */
.icon-tag:before {
  -webkit-mask-image: var(--icon-tag);
  mask-image: var(--icon-tag);
  width: 0.857em;
}

/* line 226, app/assets/stylesheets/shared/_icons.scss */
.icon-thermometer:before {
  -webkit-mask-image: var(--icon-thermometer);
  mask-image: var(--icon-thermometer);
  width: 0.571em;
}

/* line 227, app/assets/stylesheets/shared/_icons.scss */
.icon-trash:before {
  -webkit-mask-image: var(--icon-trash);
  mask-image: var(--icon-trash);
  width: 0.814em;
}

/* line 228, app/assets/stylesheets/shared/_icons.scss */
.icon-truck:before {
  -webkit-mask-image: var(--icon-truck);
  mask-image: var(--icon-truck);
}

/* line 229, app/assets/stylesheets/shared/_icons.scss */
.icon-umbrella:before {
  -webkit-mask-image: var(--icon-umbrella);
  mask-image: var(--icon-umbrella);
  width: 0.928em;
}

/* line 230, app/assets/stylesheets/shared/_icons.scss */
.icon-up:before {
  -webkit-mask-image: var(--icon-up);
  mask-image: var(--icon-up);
  width: 1.702em;
}

/* line 231, app/assets/stylesheets/shared/_icons.scss */
.icon-user:before {
  -webkit-mask-image: var(--icon-user);
  mask-image: var(--icon-user);
  width: 0.94em;
}

/* line 232, app/assets/stylesheets/shared/_icons.scss */
.icon-users:before {
  -webkit-mask-image: var(--icon-users);
  mask-image: var(--icon-users);
}

/* line 233, app/assets/stylesheets/shared/_icons.scss */
.icon-website:before {
  -webkit-mask-image: var(--icon-website);
  mask-image: var(--icon-website);
}

/* line 234, app/assets/stylesheets/shared/_icons.scss */
.icon-wrench:before {
  -webkit-mask-image: var(--icon-wrench);
  mask-image: var(--icon-wrench);
  width: 0.928em;
}

/* line 245, app/assets/stylesheets/shared/_icons.scss */
.ext-link-end {
  white-space: nowrap;
}

/* line 249, app/assets/stylesheets/shared/_icons.scss */
.ext-link-end::after {
  content: '';
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 4px;
  vertical-align: -1px;
  background-color: currentColor;
  -webkit-mask: var(--icon-link-ext) no-repeat center/contain;
  mask: var(--icon-link-ext) no-repeat center/contain;
}

/* line 261, app/assets/stylesheets/shared/_icons.scss */
.ext-link:not(:has(.ext-link-end))::after {
  content: '';
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 4px;
  vertical-align: -1px;
  background-color: currentColor;
  -webkit-mask: var(--icon-link-ext) no-repeat center/contain;
  mask: var(--icon-link-ext) no-repeat center/contain;
}

/* line 10, app/assets/stylesheets/admin/icons.scss */
.icon-smiley-bad:before {
  color: #AB2430;
}

/* line 11, app/assets/stylesheets/admin/icons.scss */
.icon-smiley-good:before {
  color: #0A8340;
}

/* line 12, app/assets/stylesheets/admin/icons.scss */
.icon-smiley-neutral:before {
  color: #D4872A;
}

/* line 13, app/assets/stylesheets/admin/icons.scss */
.icon-smiley-very-bad:before {
  color: #AB2430;
}

/* line 14, app/assets/stylesheets/admin/icons.scss */
.icon-smiley-very-good:before {
  color: #0A8340;
}

/* line 15, app/assets/stylesheets/admin/icons.scss */
.icon-question-mark:before {
  color: #777;
}

/* line 16, app/assets/stylesheets/admin/icons.scss */
.icon-exclamation-mark:before {
  color: #777;
}

/* line 17, app/assets/stylesheets/admin/icons.scss */
.icon-locked:before {
  color: #777;
}

/* line 18, app/assets/stylesheets/admin/icons.scss */
.logout .icon-locked:before {
  color: #AB2430;
}

/* line 20, app/assets/stylesheets/admin/icons.scss */
.icon-link-ext {
  font-size: 0.75em;
  margin-left: 8px;
  margin-right: 0;
  vertical-align: baseline;
}

/* line 28, app/assets/stylesheets/admin/icons.scss */
.icon-check:before {
  content: '\2713';
  color: #0A8340;
}

/* line 33, app/assets/stylesheets/admin/icons.scss */
.icon-exclamation-mark.warn:before {
  color: #D4872A;
}

/* line 34, app/assets/stylesheets/admin/icons.scss */
.icon-exclamation-mark.alert:before {
  color: #AB2430;
}

/* line 37, app/assets/stylesheets/admin/icons.scss */
.status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  background: #777;
}

/* line 51, app/assets/stylesheets/admin/icons.scss */
.status-icon:before {
  content: '?';
  color: white !important;
}

/* line 56, app/assets/stylesheets/admin/icons.scss */
.status-icon.completed, .status-icon.ready {
  background: #0A8340;
}

/* line 58, app/assets/stylesheets/admin/icons.scss */
.status-icon.completed:before, .status-icon.ready:before {
  content: '\2713';
  color: white !important;
}

/* line 64, app/assets/stylesheets/admin/icons.scss */
.status-icon.deferred {
  background: #D4872A;
}

/* line 66, app/assets/stylesheets/admin/icons.scss */
.status-icon.deferred:before {
  content: '!';
  color: white !important;
}

/* line 72, app/assets/stylesheets/admin/icons.scss */
.status-icon.failed, .status-icon.blocked, .status-icon.alert {
  background: #AB2430;
}

/* line 74, app/assets/stylesheets/admin/icons.scss */
.status-icon.failed:before, .status-icon.blocked:before, .status-icon.alert:before {
  content: '!';
  color: white !important;
}
/* line 4, app/assets/stylesheets/admin/reset.scss */
li {
  line-height: inherit;
  padding: 0;
}
.ts-control{border:1px solid #d0d0d0;border-radius:3px;box-shadow:none;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;padding:8px;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:6px 8px 3px}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#f2f2f2;border:0 solid #d0d0d0;color:#303030;cursor:pointer;margin:0 3px 3px 0;padding:2px 6px}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;border:0 solid #cacaca;color:#303030}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#7d7d7d}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:#fafafa;opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:0 0 3px 3px;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:#fff;color:#303030;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:5px 8px;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(#fff,#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:3px 3px 0 0;padding:10px 8px;position:relative}.ts-wrapper .dropdown-header-close{color:#303030;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:8px;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:8px;width:100%}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 6px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}
/*# sourceMappingURL=tom-select.min.css.map */
/**
 * easymde v2.20.0
 * Copyright Jeroen Akkerman
 * @link https://github.com/ionaru/easy-markdown-editor
 * @license MIT
 */
.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.EasyMDEContainer{display:block}.CodeMirror-rtl pre{direction:rtl}.EasyMDEContainer.sided--no-fullscreen{display:flex;flex-direction:row;flex-wrap:wrap}.EasyMDEContainer .CodeMirror{box-sizing:border-box;height:auto;border:1px solid #ced4da;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:10px;font:inherit;z-index:0;word-wrap:break-word}.EasyMDEContainer .CodeMirror-scroll{cursor:text}.EasyMDEContainer .CodeMirror-fullscreen{background:#fff;position:fixed!important;top:50px;left:0;right:0;bottom:0;height:auto;z-index:8;border-right:none!important;border-bottom-right-radius:0!important}.EasyMDEContainer .CodeMirror-sided{width:50%!important}.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided{border-right:none!important;border-bottom-right-radius:0;position:relative;flex:1 1 auto}.EasyMDEContainer .CodeMirror-placeholder{opacity:.5}.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected{background:#d9d9d9}.editor-toolbar{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:9px 10px;border-top:1px solid #ced4da;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-top-left-radius:4px;border-top-right-radius:4px}.editor-toolbar.fullscreen{width:100%;height:50px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;background:#fff;border:0;position:fixed;top:0;left:0;opacity:1;z-index:9}.editor-toolbar.fullscreen::before{width:20px;height:50px;background:-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);position:fixed;top:0;left:0;margin:0;padding:0}.editor-toolbar.fullscreen::after{width:20px;height:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);position:fixed;top:0;right:0;margin:0;padding:0}.EasyMDEContainer.sided--no-fullscreen .editor-toolbar{width:100%}.editor-toolbar .easymde-dropdown,.editor-toolbar button{background:0 0;display:inline-block;text-align:center;text-decoration:none!important;height:30px;margin:0;padding:0;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-toolbar button{font-weight:700;min-width:30px;padding:0 6px;white-space:nowrap}.editor-toolbar button.active,.editor-toolbar button:hover{background:#fcfcfc;border-color:#95a5a6}.editor-toolbar i.separator{display:inline-block;width:0;border-left:1px solid #d9d9d9;border-right:1px solid #fff;color:transparent;text-indent:-10px;margin:0 6px}.editor-toolbar button:after{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:65%;vertical-align:text-bottom;position:relative;top:2px}.editor-toolbar button.heading-1:after{content:"1"}.editor-toolbar button.heading-2:after{content:"2"}.editor-toolbar button.heading-3:after{content:"3"}.editor-toolbar button.heading-bigger:after{content:"▲"}.editor-toolbar button.heading-smaller:after{content:"▼"}.editor-toolbar.disabled-for-preview button:not(.no-disable){opacity:.6;pointer-events:none}@media only screen and (max-width:700px){.editor-toolbar i.no-mobile{display:none}}.editor-statusbar{padding:8px 10px;font-size:12px;color:#959694;text-align:right}.EasyMDEContainer.sided--no-fullscreen .editor-statusbar{width:100%}.editor-statusbar span{display:inline-block;min-width:4em;margin-left:1em}.editor-statusbar .lines:before{content:'lines: '}.editor-statusbar .words:before{content:'words: '}.editor-statusbar .characters:before{content:'characters: '}.editor-preview-full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;overflow:auto;display:none;box-sizing:border-box}.editor-preview-side{position:fixed;bottom:0;width:50%;top:50px;right:0;z-index:9;overflow:auto;display:none;box-sizing:border-box;border:1px solid #ddd;word-wrap:break-word}.editor-preview-active-side{display:block}.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side{flex:1 1 auto;height:auto;position:static}.editor-preview-active{display:block}.editor-preview{padding:10px;background:#fafafa}.editor-preview>p{margin-top:0}.editor-preview pre{background:#eee;margin-bottom:10px}.editor-preview table td,.editor-preview table th{border:1px solid #ddd;padding:5px}.cm-s-easymde .cm-tag{color:#63a35c}.cm-s-easymde .cm-attribute{color:#795da3}.cm-s-easymde .cm-string{color:#183691}.cm-s-easymde .cm-header-1{font-size:calc(1.375rem + 1.5vw)}.cm-s-easymde .cm-header-2{font-size:calc(1.325rem + .9vw)}.cm-s-easymde .cm-header-3{font-size:calc(1.3rem + .6vw)}.cm-s-easymde .cm-header-4{font-size:calc(1.275rem + .3vw)}.cm-s-easymde .cm-header-5{font-size:1.25rem}.cm-s-easymde .cm-header-6{font-size:1rem}.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6{margin-bottom:.5rem;line-height:1.2}.cm-s-easymde .cm-comment{background:rgba(0,0,0,.05);border-radius:2px}.cm-s-easymde .cm-link{color:#7f8c8d}.cm-s-easymde .cm-url{color:#aab2b3}.cm-s-easymde .cm-quote{color:#7f8c8d;font-style:italic}.editor-toolbar .easymde-dropdown{position:relative;background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%);border-radius:0;border:1px solid #fff}.editor-toolbar .easymde-dropdown:hover{background:linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%)}.easymde-dropdown-content{display:block;visibility:hidden;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:8px;z-index:2;top:30px}.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content{visibility:visible}.easymde-dropdown-content button{display:block}span[data-img-src]::after{content:'';background-image:var(--bg-image);display:block;max-height:100%;max-width:100%;background-size:contain;height:0;padding-top:var(--height);width:var(--width);background-repeat:no-repeat}.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){background:rgba(255,0,0,.15)}
/* line 3, app/assets/stylesheets/admin/actions.scss */
.actions {
  position: sticky;
  z-index: 20;
  top: 0;
  margin: 0 -22px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) #dedede;
  min-height: 57px;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.actions::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.actions::-webkit-scrollbar-track {
  background: #dedede;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.actions::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.actions::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 12, app/assets/stylesheets/admin/actions.scss */
.actions .actions-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 10px 22px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}

/* line 20, app/assets/stylesheets/admin/actions.scss */
.actions .actions-bar::after {
  content: '';
  min-width: 1px;
  flex-shrink: 0;
}

/* line 30, app/assets/stylesheets/admin/actions.scss */
.actions .actions-bar .button {
  padding: 3px 10px 4px;
  line-height: 1.4;
}

/* line 36, app/assets/stylesheets/admin/actions.scss */
.actions.toggle .toggle-section {
  min-height: 22px;
  line-height: 22px;
  padding-top: 0;
}

/* line 47, app/assets/stylesheets/admin/actions.scss */
.content:not(:has(.list)) .actions-bar {
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 59, app/assets/stylesheets/admin/actions.scss */
.actions-overflow-toggle {
  display: none;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: pointer;
  color: #3D3C3B;
  align-items: center;
  justify-content: center;
}

/* line 72, app/assets/stylesheets/admin/actions.scss */
.actions-overflow-toggle:hover {
  background: #fafafa;
}

/* line 75, app/assets/stylesheets/admin/actions.scss */
[data-overflow-narrow] .actions-overflow-toggle {
  display: inline-flex;
}

/* line 79, app/assets/stylesheets/admin/actions.scss */
.actions-overflow-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 22px;
  min-width: 220px;
  margin-top: 4px;
  padding: 8px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  z-index: 30;
}

/* line 93, app/assets/stylesheets/admin/actions.scss */
.actions-overflow-menu.is-open {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 102, app/assets/stylesheets/admin/actions.scss */
.actions-overflow-menu > * {
  width: 100%;
}

/* line 103, app/assets/stylesheets/admin/actions.scss */
.actions-overflow-menu .button {
  width: 100%;
  text-align: center;
}
/* line 6, app/assets/stylesheets/admin/async_pill.scss */
.async-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  margin: 0 0 12px 0;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.05);
  font-size: 13px;
  color: #777;
}

/* line 17, app/assets/stylesheets/admin/async_pill.scss */
.async-pill::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #777;
}

/* line 24, app/assets/stylesheets/admin/async_pill.scss */
.async-pill--pending::before, .async-pill--running::before {
  background: var(--app-color, #2540F5);
  animation: async-pill-pulse 1.4s ease-in-out infinite;
}

/* line 29, app/assets/stylesheets/admin/async_pill.scss */
.async-pill--completed {
  color: #2a9d64;
}

/* line 31, app/assets/stylesheets/admin/async_pill.scss */
.async-pill--completed::before {
  background: #2a9d64;
}

/* line 33, app/assets/stylesheets/admin/async_pill.scss */
.async-pill--failed {
  color: #AB2430;
}

/* line 35, app/assets/stylesheets/admin/async_pill.scss */
.async-pill--failed::before {
  background: #AB2430;
}

@keyframes async-pill-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
/* line 3, app/assets/stylesheets/admin/audit_log.scss */
.audit-changes {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

/* line 8, app/assets/stylesheets/admin/audit_log.scss */
.audit-changes tr {
  border-bottom: 1px solid #e8e8e8;
}

/* line 11, app/assets/stylesheets/admin/audit_log.scss */
.audit-changes tr:last-child {
  border-bottom: none;
}

/* line 16, app/assets/stylesheets/admin/audit_log.scss */
.audit-changes td {
  padding: 6px 0;
  vertical-align: top;
}

/* line 22, app/assets/stylesheets/admin/audit_log.scss */
.audit-field {
  font-weight: 700;
  padding-right: 16px !important;
  max-width: 30%;
  width: 30%;
}

/* line 29, app/assets/stylesheets/admin/audit_log.scss */
.audit-values pre,
.audit-changes pre {
  font-weight: 400;
  font-style: normal;
  font-family: inherit;
  font-size: 14px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 39, app/assets/stylesheets/admin/audit_log.scss */
.audit-old {
  color: #AB2430;
  text-decoration: line-through;
}

/* line 44, app/assets/stylesheets/admin/audit_log.scss */
.audit-new {
  color: #0A8340;
}
/* line 3, app/assets/stylesheets/admin/autocomplete.scss */
.autocomplete {
  position: relative;
}

/* line 5, app/assets/stylesheets/admin/autocomplete.scss */
.autocomplete.with-suggestions {
  z-index: 2;
  border-radius: 4px 4px 0 0;
  border-color: #bababa;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
}

/* line 12, app/assets/stylesheets/admin/autocomplete.scss */
.suggestions {
  position: absolute;
  background: #fff;
  border: 1px solid #bababa;
  border-top: 1px solid #dedede;
  z-index: 1;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: -1px;
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.suggestions::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.suggestions::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.suggestions::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.suggestions::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 25, app/assets/stylesheets/admin/autocomplete.scss */
.suggestions li {
  padding: 6px 10px;
  cursor: pointer;
}

/* line 28, app/assets/stylesheets/admin/autocomplete.scss */
.suggestions li:hover {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}
/* line 3, app/assets/stylesheets/admin/box.scss */
.box {
  border: 1px dashed rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
  box-sizing: border-box;
}

/* line 16, app/assets/stylesheets/admin/box.scss */
.box h1, .box h2, .box h3, .box h4 {
  margin-top: 0;
}

/* line 20, app/assets/stylesheets/admin/box.scss */
.box.status-bar {
  border-left-style: solid;
  border-left-width: 4px;
}
/* line 9, app/assets/stylesheets/admin/button.scss */
.button {
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  padding: 4px 10px 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff;
  font-size: 16px;
  background: linear-gradient(color-mix(in srgb, var(--app-color, #2540F5), white 12%), var(--app-color, #2540F5));
  border: 1px solid color-mix(in srgb, var(--app-color, #2540F5), black 12%);
  border-radius: 5px;
  line-height: 150%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0, rgba(255, 255, 255, 0.2) 0 1px 0 0 inset;
}

/* line 30, app/assets/stylesheets/admin/button.scss */
.button:hover {
  background: linear-gradient(color-mix(in srgb, var(--app-color, #2540F5), white 6%), color-mix(in srgb, var(--app-color, #2540F5), black 8%));
  border-color: color-mix(in srgb, var(--app-color, #2540F5), black 18%);
}

/* line 38, app/assets/stylesheets/admin/button.scss */
.button:active {
  background: color-mix(in srgb, var(--app-color, #2540F5), black 8%);
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0 inset;
}

/* line 43, app/assets/stylesheets/admin/button.scss */
.button[data-disabled='true'], .button:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

/* line 50, app/assets/stylesheets/admin/button.scss */
.button.smaller {
  border-radius: 4px;
  padding: 0px 7px;
  line-height: normal;
  height: 32px;
  line-height: 30px;
  background: transparent;
  border: 1px solid #aaa;
  color: #777;
  box-shadow: none;
}

/* line 60, app/assets/stylesheets/admin/button.scss */
.button.smaller:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: #777;
  color: #3D3C3B;
}

/* line 65, app/assets/stylesheets/admin/button.scss */
.button.smaller:active {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
}

/* line 74, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete, .button.smaller.move, .button.smaller.edit, .button.smaller.show, .button.smaller.file, .button.smaller.expand, .button.smaller.collapse, .button.smaller.add:empty {
  overflow: hidden;
  width: 32px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #aaa;
  box-shadow: none;
}

/* line 100, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete::before, .button.smaller.move::before, .button.smaller.edit::before, .button.smaller.show::before, .button.smaller.file::before, .button.smaller.expand::before, .button.smaller.collapse::before, .button.smaller.add:empty::before {
  color: #a8a8a8;
}

/* line 101, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete:hover, .button.smaller.move:hover, .button.smaller.edit:hover, .button.smaller.show:hover, .button.smaller.file:hover, .button.smaller.expand:hover, .button.smaller.collapse:hover, .button.smaller.add:empty:hover {
  background: rgba(0, 0, 0, 0.05);
  border-color: var(--app-color, #2540F5);
}

/* line 104, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete:hover::before, .button.smaller.move:hover::before, .button.smaller.edit:hover::before, .button.smaller.show:hover::before, .button.smaller.file:hover::before, .button.smaller.expand:hover::before, .button.smaller.collapse:hover::before, .button.smaller.add:empty:hover::before {
  color: var(--app-color, #2540F5);
}

/* line 106, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete:active, .button.smaller.move:active, .button.smaller.edit:active, .button.smaller.show:active, .button.smaller.file:active, .button.smaller.expand:active, .button.smaller.collapse:active, .button.smaller.add:empty:active {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
}

/* line 113, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete:hover {
  border-color: #AB2430;
}

/* line 115, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete:hover::before {
  color: #AB2430;
}

/* line 117, app/assets/stylesheets/admin/button.scss */
.button.smaller.delete::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-trash);
  mask-image: var(--icon-trash);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 13px;
  height: 13px;
}

/* line 124, app/assets/stylesheets/admin/button.scss */
.button.smaller.move {
  cursor: grab;
}

/* line 126, app/assets/stylesheets/admin/button.scss */
.button.smaller.move:active {
  cursor: grabbing;
}

/* line 127, app/assets/stylesheets/admin/button.scss */
.button.smaller.move::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-move);
  mask-image: var(--icon-move);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 13px;
  height: 13px;
}

/* line 135, app/assets/stylesheets/admin/button.scss */
.button.smaller.edit::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-pencil);
  mask-image: var(--icon-pencil);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 13px;
  height: 13px;
}

/* line 143, app/assets/stylesheets/admin/button.scss */
.button.smaller.show::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-eye);
  mask-image: var(--icon-eye);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 15px;
  height: 15px;
}

/* line 151, app/assets/stylesheets/admin/button.scss */
.button.smaller.file::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-content);
  mask-image: var(--icon-content);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 13px;
  height: 13px;
}

/* line 159, app/assets/stylesheets/admin/button.scss */
.button.smaller.add:empty::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-plus);
  mask-image: var(--icon-plus);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 13px;
  height: 13px;
}

/* line 169, app/assets/stylesheets/admin/button.scss */
.button.smaller.expand::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-down);
  mask-image: var(--icon-down);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 9px;
  height: 9px;
}

/* line 174, app/assets/stylesheets/admin/button.scss */
.button.smaller.collapse::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-up);
  mask-image: var(--icon-up);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 9px;
  height: 9px;
}

/* line 181, app/assets/stylesheets/admin/button.scss */
.button.delete {
  background: linear-gradient(#cd2b39, #AB2430);
  border-color: #96202a;
  color: #fff;
}

/* line 187, app/assets/stylesheets/admin/button.scss */
.button.delete:hover {
  background: linear-gradient(#bc2835, #9a202b);
}

/* line 195, app/assets/stylesheets/admin/button.scss */
.button.action, .button.view {
  background: linear-gradient(#0da953, #0A8340);
  border-color: #086b34;
  color: #fff;
}

/* line 202, app/assets/stylesheets/admin/button.scss */
.button.action:hover, .button.view:hover {
  background: linear-gradient(#0b9649, #097037);
}

/* line 210, app/assets/stylesheets/admin/button.scss */
.button.warning {
  background: linear-gradient(#db9a4b, #D4872A);
  border-color: #bf7926;
  color: #fff;
}

/* line 216, app/assets/stylesheets/admin/button.scss */
.button.warning:hover {
  background: linear-gradient(#d8913a, #c37c27);
}

/* line 224, app/assets/stylesheets/admin/button.scss */
.button.cancel {
  background: linear-gradient(#ebebeb, #ccc);
  border-color: #b3b3b3;
  color: #3D3C3B;
}

/* line 230, app/assets/stylesheets/admin/button.scss */
.button.cancel:hover {
  background: linear-gradient(#d6d6d6, #b8b8b8);
}

/* line 240, app/assets/stylesheets/admin/button.scss */
h2 .button {
  position: relative;
  top: -2px;
  margin-left: 7px;
}

/* line 246, app/assets/stylesheets/admin/button.scss */
.center .button {
  margin: 5px 8px;
}
/* line 3, app/assets/stylesheets/admin/card.scss */
.card {
  background: #fff;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
  padding: 20px 22px;
}
/* line 3, app/assets/stylesheets/admin/checklist.scss */
.checklist {
  margin: 0;
}

/* line 5, app/assets/stylesheets/admin/checklist.scss */
.checklist li {
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}

/* line 8, app/assets/stylesheets/admin/checklist.scss */
.checklist li:last-child {
  border-bottom: 0;
}

/* line 11, app/assets/stylesheets/admin/checklist.scss */
.checklist li:has(.status-icon) {
  padding-left: 28px;
}

/* line 14, app/assets/stylesheets/admin/checklist.scss */
.checklist li .status-icon {
  margin-left: -28px;
  margin-right: 8px;
}

/* line 18, app/assets/stylesheets/admin/checklist.scss */
.checklist li strong, .checklist li span {
  vertical-align: middle;
}

/* line 22, app/assets/stylesheets/admin/checklist.scss */
.checklist li.completed .icon:before, .checklist li.ready .icon:before {
  color: #0A8340;
}

/* line 27, app/assets/stylesheets/admin/checklist.scss */
.checklist li.deferred .icon:before {
  color: #D4872A;
}

/* line 31, app/assets/stylesheets/admin/checklist.scss */
.checklist li.failed .icon:before, .checklist li.blocked .icon:before {
  color: #AB2430;
}

/* line 35, app/assets/stylesheets/admin/checklist.scss */
.checklist li strong {
  font-weight: 700;
  margin-right: 10px;
}

/* line 39, app/assets/stylesheets/admin/checklist.scss */
.checklist li span {
  margin-right: 8px;
  color: #777;
}

/* line 44, app/assets/stylesheets/admin/checklist.scss */
.checklist li .status.completed, .checklist li .status.active {
  color: #0A8340;
}

/* line 47, app/assets/stylesheets/admin/checklist.scss */
.checklist li .status.pending {
  color: #777;
}

/* line 50, app/assets/stylesheets/admin/checklist.scss */
.checklist li .status.failed, .checklist li .status.blocked {
  color: #AB2430;
}

/* line 53, app/assets/stylesheets/admin/checklist.scss */
.checklist li .status.deferred {
  color: #D4872A;
}

/* line 56, app/assets/stylesheets/admin/checklist.scss */
.checklist li .status.inactive {
  color: #777;
}

/* line 60, app/assets/stylesheets/admin/checklist.scss */
.checklist li .button {
  margin-left: 5px;
}

/* line 63, app/assets/stylesheets/admin/checklist.scss */
.checklist li small {
  color: #777;
}

/* line 65, app/assets/stylesheets/admin/checklist.scss */
.checklist li small.error {
  display: block;
  color: #AB2430;
  background: rgba(171, 36, 48, 0.15);
  padding: 4px 8px;
  border-radius: 4px;
  margin-top: 4px;
  font-size: 13px;
}

/* line 75, app/assets/stylesheets/admin/checklist.scss */
.checklist li .locale {
  display: inline-block;
  background: rgba(0, 0, 0, 0.05);
  color: #3D3C3B;
  font-size: 11px;
  padding: 1px 6px;
  border-radius: 3px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 89, app/assets/stylesheets/admin/checklist.scss */
.action-list {
  margin: 0;
}

/* line 91, app/assets/stylesheets/admin/checklist.scss */
.action-list li {
  padding: 10px 0;
}

/* line 93, app/assets/stylesheets/admin/checklist.scss */
.action-list li .button {
  vertical-align: middle;
}
/* line 26, app/assets/stylesheets/admin/collection_items.scss */
.collection-item {
  background: #e8e8e8;
  border: none;
  border-left: 3px solid transparent;
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 6px;
}

/* line 34, app/assets/stylesheets/admin/collection_items.scss */
.collection-item:last-child {
  margin-bottom: 0;
}

/* line 39, app/assets/stylesheets/admin/collection_items.scss */
.collection > .new > .collection-item {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

/* line 48, app/assets/stylesheets/admin/collection_items.scss */
.collection-item .name {
  display: flex;
  align-items: center;
}

/* line 52, app/assets/stylesheets/admin/collection_items.scss */
.collection-item .name h3 {
  font-weight: 700;
  margin: 0;
  flex: 1;
}

/* line 58, app/assets/stylesheets/admin/collection_items.scss */
.collection-item .name .list-actions {
  display: flex;
  gap: 5px;
  margin-left: auto;
  align-self: flex-start;
  margin-top: 1px;
}

/* line 67, app/assets/stylesheets/admin/collection_items.scss */
.collection-item .value {
  padding-top: 4px;
  line-height: 1.4;
}

/* line 72, app/assets/stylesheets/admin/collection_items.scss */
.collection-item .form {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}

/* line 79, app/assets/stylesheets/admin/collection_items.scss */
.collection-item.active, .collection-item.published {
  border-left-color: #0A8340;
}

/* line 84, app/assets/stylesheets/admin/collection_items.scss */
.collection-item:not(.active):not(.published) {
  opacity: 0.75;
}

/* line 88, app/assets/stylesheets/admin/collection_items.scss */
.collection-item.error {
  border-left-color: #AB2430;
  background: #fef2f2;
  opacity: 1;
}

/* line 93, app/assets/stylesheets/admin/collection_items.scss */
.collection-item.error h3 {
  color: #AB2430;
}
/* line 7, app/assets/stylesheets/admin/component.scss */
.component .templates ul {
  margin: 0;
}

/* line 8, app/assets/stylesheets/admin/component.scss */
.component .templates .template-picker-item {
  padding: 6px 8px 6px 12px;
  background: #e8e8e8;
  border-radius: 4px;
  margin: 2px 0;
  display: flex;
  align-items: center;
}

/* line 15, app/assets/stylesheets/admin/component.scss */
.component .templates .template-picker-item .icon {
  margin-right: 5px;
}

/* line 16, app/assets/stylesheets/admin/component.scss */
.component .templates .template-picker-item span {
  flex: 1;
}

/* line 17, app/assets/stylesheets/admin/component.scss */
.component .templates .template-picker-item .button {
  margin-left: 5px;
}

/* line 19, app/assets/stylesheets/admin/component.scss */
.component .templates .template-add {
  padding: 0;
  background: 0;
  margin: 0;
  position: relative;
}

/* line 28, app/assets/stylesheets/admin/component.scss */
.component .properties-fieldset {
  border-bottom: 0;
}

/* line 30, app/assets/stylesheets/admin/component.scss */
.component .properties-fieldset .properties {
  margin-top: 4px;
}

/* line 35, app/assets/stylesheets/admin/component.scss */
.component .citations {
  padding-top: 0;
  box-sizing: border-box;
}
/* line 4, app/assets/stylesheets/admin/confirm.scss */
.confirm .modal {
  text-align: center;
  max-width: 400px !important;
}

/* line 8, app/assets/stylesheets/admin/confirm.scss */
.confirm .modal h3 {
  font-weight: 700;
  font-size: 20px;
  margin: 0 0 12px;
}

/* line 14, app/assets/stylesheets/admin/confirm.scss */
.confirm .modal .message {
  font-size: 16px;
  color: #777;
  line-height: 1.6;
  margin: 0 0 24px;
}

/* line 21, app/assets/stylesheets/admin/confirm.scss */
.confirm .modal .actions {
  justify-content: center;
  min-height: 0;
}
/* line 3, app/assets/stylesheets/admin/content.scss */
.admin-body {
  margin: 0;
  padding: 0;
  background: #fafafa;
}

/* line 16, app/assets/stylesheets/admin/content.scss */
.app-shell {
  position: fixed;
  inset: 0;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
}

/* line 26, app/assets/stylesheets/admin/content.scss */
.content {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  transition: filter 0.15s ease;
}

/* line 35, app/assets/stylesheets/admin/content.scss */
.content.loading-blur {
  filter: blur(10px);
  cursor: default;
  pointer-events: none;
}

/* line 48, app/assets/stylesheets/admin/content.scss */
.spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #dedede;
  border-top-color: var(--app-color, #2540F5);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 63, app/assets/stylesheets/admin/content.scss */
.signing-test-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  text-align: center;
}

/* line 71, app/assets/stylesheets/admin/content.scss */
.nav-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
  z-index: 200;
}

/* line 79, app/assets/stylesheets/admin/content.scss */
.nav-spinner.active {
  display: block;
}
/* line 7, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel + .customer-panel {
  margin-top: 16px;
}

/* line 9, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__heading {
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 700;
}

/* line 15, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 22, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 31, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__name {
  font-weight: 500;
  flex: 1 1 auto;
}

/* line 36, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__meta {
  font-size: 13px;
  color: #777;
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

/* line 42, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__empty {
  margin: 0 0 12px;
  font-size: 14px;
  color: #777;
  font-style: italic;
}

/* line 49, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__detach {
  margin: 0;
  display: inline-block;
}

/* line 54, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__attach {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 64, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__attach-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 69, app/assets/stylesheets/admin/customer_panel.scss */
.customer-panel__attach-row .field {
  flex: 1 1 auto;
  margin: 0;
}
/* line 4, app/assets/stylesheets/admin/dashboard.scss */
.dashboard h2 {
  font-size: 1.1em;
  margin: 0 0 0.7em;
}

/* line 10, app/assets/stylesheets/admin/dashboard.scss */
.content > .show.dashboard {
  padding: 22px;
}

/* line 13, app/assets/stylesheets/admin/dashboard.scss */
.content > .show.dashboard > h1 {
  margin: 0 0 22px;
}

/* line 17, app/assets/stylesheets/admin/dashboard.scss */
.content > .show.dashboard .stats {
  height: auto;
  float: none;
  width: auto;
  margin: 0;
  border: none;
}

/* line 26, app/assets/stylesheets/admin/dashboard.scss */
.dashboard-top {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 22px;
}

/* line 34, app/assets/stylesheets/admin/dashboard.scss */
.needs-attention {
  margin-bottom: 22px;
}

/* line 37, app/assets/stylesheets/admin/dashboard.scss */
.needs-attention .attention-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

/* line 45, app/assets/stylesheets/admin/dashboard.scss */
.needs-attention .attention-item {
  list-style: none;
}

/* line 49, app/assets/stylesheets/admin/dashboard.scss */
.needs-attention .attention-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  color: #3D3C3B;
}

/* line 58, app/assets/stylesheets/admin/dashboard.scss */
.needs-attention .attention-link:hover {
  border-color: var(--app-color, #2540F5);
  color: var(--app-color, #2540F5);
}

/* line 64, app/assets/stylesheets/admin/dashboard.scss */
.needs-attention .attention-count {
  font-weight: 700;
  font-size: 18px;
  color: #D4872A;
}

/* line 72, app/assets/stylesheets/admin/dashboard.scss */
.quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-bottom: 22px;
}

/* line 78, app/assets/stylesheets/admin/dashboard.scss */
.quick-actions .quick-action {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  margin: 0;
  color: #3D3C3B;
}

/* line 86, app/assets/stylesheets/admin/dashboard.scss */
.quick-actions .quick-action .icon {
  color: var(--app-color, #2540F5);
}

/* line 90, app/assets/stylesheets/admin/dashboard.scss */
.quick-actions .quick-action:hover {
  color: var(--app-color, #2540F5);
}

/* line 96, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 22px;
}

/* line 104, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .section-heading {
  margin: 22px 0 11px;
  font-size: 1.1em;
}

/* line 109, app/assets/stylesheets/admin/dashboard.scss */
.dashboard-top .recent-activity {
  flex: 1;
  min-width: 250px;
}

/* line 113, app/assets/stylesheets/admin/dashboard.scss */
.dashboard-top .recent-activity .recent-list {
  position: relative;
  height: calc(100% - 2.5em);
  min-height: 250px;
  overflow: hidden;
  margin-right: -11px;
}

/* line 119, app/assets/stylesheets/admin/dashboard.scss */
.dashboard-top .recent-activity .recent-list ul {
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-right: 11px;
  overflow-y: auto;
  container-type: inline-size;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.dashboard-top .recent-activity .recent-list ul::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.dashboard-top .recent-activity .recent-list ul::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.dashboard-top .recent-activity .recent-list ul::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.dashboard-top .recent-activity .recent-list ul::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 134, app/assets/stylesheets/admin/dashboard.scss */
.recent-item {
  padding: 6px 0;
  border-bottom: 1px solid #e8e8e8;
}

/* line 138, app/assets/stylesheets/admin/dashboard.scss */
.recent-item:last-child {
  border-bottom: none;
}

/* line 143, app/assets/stylesheets/admin/dashboard.scss */
.recent-main {
  display: flex;
  align-items: baseline;
  gap: 4px;
}

/* line 149, app/assets/stylesheets/admin/dashboard.scss */
.recent-action {
  font-style: italic;
  white-space: nowrap;
}

/* line 155, app/assets/stylesheets/admin/dashboard.scss */
.recent-resource {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 160, app/assets/stylesheets/admin/dashboard.scss */
.recent-resource a {
  color: var(--app-color, #2540F5);
}

/* line 165, app/assets/stylesheets/admin/dashboard.scss */
.recent-time {
  display: block;
  color: #777;
  font-size: 13px;
}

@container (min-width: 300px) {
  /* line 173, app/assets/stylesheets/admin/dashboard.scss */
  .recent-item {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }
  /* line 179, app/assets/stylesheets/admin/dashboard.scss */
  .recent-main {
    flex: 1;
    min-width: 0;
  }
  /* line 184, app/assets/stylesheets/admin/dashboard.scss */
  .recent-time {
    display: inline;
    margin-top: 0;
    white-space: nowrap;
    flex-shrink: 0;
  }
}

/* line 192, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .empty {
  color: #777;
  font-size: 14px;
}

/* line 198, app/assets/stylesheets/admin/dashboard.scss */
.chart {
  margin-top: 12px;
  position: relative;
  height: 80px;
  background: #fafafa;
  border-radius: 4px;
}

/* line 205, app/assets/stylesheets/admin/dashboard.scss */
.chart svg {
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 4px;
}

/* line 214, app/assets/stylesheets/admin/dashboard.scss */
.chart-range {
  position: relative;
  height: 12px;
  margin: 0;
  top: 10px;
  display: flex;
  align-items: center;
}

/* line 223, app/assets/stylesheets/admin/dashboard.scss */
.chart-range-track {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #dedede;
  border-radius: 1px;
}

/* line 232, app/assets/stylesheets/admin/dashboard.scss */
.chart-range-active {
  position: absolute;
  height: 4px;
  top: 50%;
  margin-top: -2px;
  background: color-mix(in srgb, var(--app-color, #2540F5), white 20%);
  border-radius: 2px;
  cursor: grab;
}

/* line 241, app/assets/stylesheets/admin/dashboard.scss */
.chart-range-active:active {
  cursor: grabbing;
}

/* line 246, app/assets/stylesheets/admin/dashboard.scss */
.chart-range-handle {
  position: absolute;
  width: 8px;
  height: 12px;
  background: linear-gradient(color-mix(in srgb, var(--app-color, #2540F5), white 8%), var(--app-color, #2540F5));
  border: 1px solid color-mix(in srgb, var(--app-color, #2540F5), black 5%);
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0;
  cursor: ew-resize;
  transform: translateX(-50%);
  z-index: 2;
}

/* line 260, app/assets/stylesheets/admin/dashboard.scss */
.chart-range-handle:hover {
  background: linear-gradient(color-mix(in srgb, var(--app-color, #2540F5), white 4%), color-mix(in srgb, var(--app-color, #2540F5), black 4%));
}

/* line 269, app/assets/stylesheets/admin/dashboard.scss */
.chart-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  pointer-events: none;
  z-index: 1;
}

/* line 278, app/assets/stylesheets/admin/dashboard.scss */
.chart-empty {
  font-weight: 400;
  font-style: normal;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #bababa;
}

/* line 289, app/assets/stylesheets/admin/dashboard.scss */
.chart-total {
  font-weight: 700;
  font-size: 11px;
  color: #fff;
  background: var(--app-color, #2540F5);
  padding: 2px 9px 4px 9px;
  border-radius: 10px;
  position: relative;
  top: -2px;
  margin-left: 6px;
}

/* line 301, app/assets/stylesheets/admin/dashboard.scss */
.chart-line {
  fill: none;
  stroke: var(--app-color, #2540F5);
  stroke-width: 2;
  stroke-linejoin: round;
}

/* line 308, app/assets/stylesheets/admin/dashboard.scss */
.chart-area {
  fill: color-mix(in srgb, var(--app-color, #2540F5) 8%, transparent);
}

/* line 312, app/assets/stylesheets/admin/dashboard.scss */
.chart-line-alert {
  fill: none;
  stroke: #AB2430;
  stroke-width: 2;
  stroke-linejoin: round;
}

/* line 319, app/assets/stylesheets/admin/dashboard.scss */
.chart-area-alert {
  fill: rgba(171, 36, 48, 0.08);
}

/* line 323, app/assets/stylesheets/admin/dashboard.scss */
.chart-threshold {
  stroke: rgba(171, 36, 48, 0.25);
  stroke-width: 1;
  stroke-dasharray: 4 3;
}

/* line 329, app/assets/stylesheets/admin/dashboard.scss */
.chart-dot {
  fill: var(--app-color, #2540F5);
}

/* line 333, app/assets/stylesheets/admin/dashboard.scss */
.chart-hover-area {
  fill: transparent;
  cursor: default;
}

/* line 338, app/assets/stylesheets/admin/dashboard.scss */
.chart-grid {
  stroke: #e8e8e8;
  stroke-width: 1;
}

/* line 343, app/assets/stylesheets/admin/dashboard.scss */
.chart-number {
  font-weight: 700;
  font-size: 13px;
  color: #777;
}

/* line 349, app/assets/stylesheets/admin/dashboard.scss */
.chart-y-max,
.chart-y-min {
  position: absolute;
  left: -4px;
  background: #fff;
  border-radius: 8px;
  padding: 1px 5px;
  line-height: 1.2;
  pointer-events: none;
  z-index: 2;
}

/* line 361, app/assets/stylesheets/admin/dashboard.scss */
.chart-y-max {
  top: 2px;
}

/* line 365, app/assets/stylesheets/admin/dashboard.scss */
.chart-y-min {
  bottom: 2px;
}

/* line 369, app/assets/stylesheets/admin/dashboard.scss */
.chart-slider-handle {
  opacity: 0.7;
  transition: opacity 0.15s;
}

/* line 373, app/assets/stylesheets/admin/dashboard.scss */
.chart-slider-handle:hover {
  opacity: 1;
}

/* line 378, app/assets/stylesheets/admin/dashboard.scss */
.chart-slider-line {
  opacity: 0.4;
}

/* line 382, app/assets/stylesheets/admin/dashboard.scss */
.chart-tooltip {
  position: absolute;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 4px 8px;
  border-radius: 3px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
}

/* line 395, app/assets/stylesheets/admin/dashboard.scss */
.chart-html-labels {
  position: relative;
  height: 20px;
}

/* line 398, app/assets/stylesheets/admin/dashboard.scss */
.chart-html-labels span {
  position: absolute;
  transform: translateX(-50%);
  font-size: 13px;
  color: #777;
  white-space: nowrap;
}

/* line 404, app/assets/stylesheets/admin/dashboard.scss */
.chart-html-labels span:first-child {
  transform: none;
}

/* line 407, app/assets/stylesheets/admin/dashboard.scss */
.chart-html-labels span:last-child {
  transform: translateX(-100%);
}

/* line 413, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair {
  position: absolute;
  top: 0;
  bottom: 6px;
  width: 2px;
  background: #000;
  pointer-events: none;
  z-index: 5;
}

/* line 423, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip {
  position: absolute;
  bottom: 100%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 4px 10px;
  border-radius: 3px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
}

/* line 438, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip em {
  font-style: italic;
  font-size: 11px;
  margin-bottom: 2px;
}

/* line 443, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip span {
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}

/* line 447, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip .tip-create, .chart-crosshair-tip .tip-update, .chart-crosshair-tip .tip-destroy {
  padding: 1px 6px;
  margin: 1px -6px;
  border-radius: 2px;
}

/* line 452, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip .tip-create {
  background: color-mix(in srgb, var(--app-color, #2540F5) 60%, transparent);
}

/* line 453, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip .tip-update {
  background: rgba(10, 131, 64, 0.6);
}

/* line 454, app/assets/stylesheets/admin/dashboard.scss */
.chart-crosshair-tip .tip-destroy {
  background: rgba(171, 36, 48, 0.6);
}

/* line 459, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .stats-countries {
  margin-top: 22px;
}

/* line 463, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic {
  flex-shrink: 0;
  margin-bottom: 0;
}

/* line 467, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic.loading .traffic-content {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

/* line 474, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 478, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic-header h2 {
  margin-top: 3px;
}

/* line 485, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic-controls {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  margin-bottom: 11px;
}

/* line 492, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic-header select.selectable {
  display: none;
}

/* line 496, app/assets/stylesheets/admin/dashboard.scss */
.dashboard .traffic-header .ts-wrapper {
  width: 130px !important;
  flex-shrink: 0;
}

@media (min-width: 500px) {
  /* line 496, app/assets/stylesheets/admin/dashboard.scss */
  .dashboard .traffic-header .ts-wrapper {
    width: 160px !important;
  }
}

@media (max-width: 440px) {
  /* line 506, app/assets/stylesheets/admin/dashboard.scss */
  .dashboard .traffic-type-select + .ts-wrapper {
    display: none;
  }
}

/* line 512, app/assets/stylesheets/admin/dashboard.scss */
.country-table {
  border-collapse: collapse;
  font-size: 14px;
}

/* line 516, app/assets/stylesheets/admin/dashboard.scss */
.country-table tr {
  border-bottom: 1px solid #e8e8e8;
}

/* line 520, app/assets/stylesheets/admin/dashboard.scss */
.country-table td {
  padding: 4px 0;
}

/* line 525, app/assets/stylesheets/admin/dashboard.scss */
.country-code {
  font-weight: 700;
  padding-right: 16px;
  color: #777;
}

/* line 531, app/assets/stylesheets/admin/dashboard.scss */
.country-count {
  font-weight: 700;
}

/* line 536, app/assets/stylesheets/admin/dashboard.scss */
.card-sparkline {
  height: 40px;
  margin-top: auto;
}

/* line 540, app/assets/stylesheets/admin/dashboard.scss */
.card-sparkline svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 547, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-line {
  fill: none;
  stroke: var(--app-color, #2540F5);
  stroke-width: 1.5;
  stroke-linejoin: round;
}

/* line 554, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-area {
  fill: color-mix(in srgb, var(--app-color, #2540F5) 8%, transparent);
}

/* line 560, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-create.sparkline-line, .sparkline-create.chart-line {
  stroke: var(--app-color, #2540F5);
}

/* line 563, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-create.sparkline-area, .sparkline-create.chart-area {
  fill: color-mix(in srgb, var(--app-color, #2540F5) 8%, transparent);
}

/* line 568, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-update.sparkline-line, .sparkline-update.chart-line {
  stroke: #0A8340;
  stroke-width: 1;
}

/* line 572, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-update.sparkline-area, .sparkline-update.chart-area {
  fill: none;
}

/* line 577, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-destroy.sparkline-line, .sparkline-destroy.chart-line {
  stroke: #AB2430;
  stroke-width: 1;
}

/* line 581, app/assets/stylesheets/admin/dashboard.scss */
.sparkline-destroy.sparkline-area, .sparkline-destroy.chart-area {
  fill: none;
}

/* line 587, app/assets/stylesheets/admin/dashboard.scss */
.trend {
  font-weight: 700;
  font-size: 11px;
  margin-left: 6px;
}

/* line 592, app/assets/stylesheets/admin/dashboard.scss */
.trend::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .3em;
  border-left: .35em solid transparent;
  border-right: .35em solid transparent;
  content: '';
  vertical-align: .15em;
}

/* line 603, app/assets/stylesheets/admin/dashboard.scss */
.trend.trend-up {
  color: #0A8340;
}

/* line 605, app/assets/stylesheets/admin/dashboard.scss */
.trend.trend-up::before {
  border-bottom: .45em solid currentColor;
}

/* line 608, app/assets/stylesheets/admin/dashboard.scss */
.trend.trend-down {
  color: #AB2430;
}

/* line 610, app/assets/stylesheets/admin/dashboard.scss */
.trend.trend-down::before {
  border-top: .45em solid currentColor;
}
/* line 7, app/assets/stylesheets/admin/data_table.scss */
.data-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
}

/* line 12, app/assets/stylesheets/admin/data_table.scss */
.data-table thead tr {
  border-bottom: 2px solid #e8e8e8;
}

/* line 16, app/assets/stylesheets/admin/data_table.scss */
.data-table tbody tr {
  border-bottom: 1px solid #e8e8e8;
}

/* line 19, app/assets/stylesheets/admin/data_table.scss */
.data-table tbody tr:last-child {
  border-bottom: none;
}

/* line 22, app/assets/stylesheets/admin/data_table.scss */
.data-table th, .data-table td {
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
}

/* line 28, app/assets/stylesheets/admin/data_table.scss */
.data-table th {
  font-weight: 600;
  color: #777;
}

/* line 33, app/assets/stylesheets/admin/data_table.scss */
.data-table th:first-child, .data-table td:first-child {
  padding-left: 0;
}

/* line 34, app/assets/stylesheets/admin/data_table.scss */
.data-table th:last-child, .data-table td:last-child {
  padding-right: 0;
}

/* line 37, app/assets/stylesheets/admin/data_table.scss */
.data-table td.num, .data-table th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
/* line 4, app/assets/stylesheets/admin/dpp.scss */
.dpp .png {
  width: 225px;
  height: 225px;
  background: #fff;
}

/* line 8, app/assets/stylesheets/admin/dpp.scss */
.dpp .png.framed {
  height: 300px;
  background: #dedede;
}
/* line 3, app/assets/stylesheets/admin/dropdown.scss */
.dropdown {
  position: relative;
  display: inline-block;
}

/* line 7, app/assets/stylesheets/admin/dropdown.scss */
.dropdown .flyout a {
  display: block;
  padding: 6px 12px;
  white-space: nowrap;
  color: #3D3C3B;
}

/* line 13, app/assets/stylesheets/admin/dropdown.scss */
.dropdown .flyout a:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 17, app/assets/stylesheets/admin/dropdown.scss */
.dropdown .flyout a.delete {
  color: #AB2430;
}
/* line 6, app/assets/stylesheets/admin/failures.scss */
.backtrace {
  width: 100%;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 10px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
  resize: vertical;
}
/* line 3, app/assets/stylesheets/admin/flash.scss */
.flash {
  display: block;
  border-radius: 4px;
  padding: 15px 20px;
  margin: 20px 0;
  border-left: 4px solid;
  box-sizing: border-box;
}

/* line 11, app/assets/stylesheets/admin/flash.scss */
.flash.alert {
  border-left-color: #AB2430;
  color: #811b24;
  background-color: rgba(171, 36, 48, 0.15);
}

/* line 17, app/assets/stylesheets/admin/flash.scss */
.flash.warning {
  border-left-color: #D4872A;
  color: #945e1d;
  background-color: rgba(241, 169, 72, 0.15);
}

/* line 23, app/assets/stylesheets/admin/flash.scss */
.flash.info {
  border-left-color: #3498db;
  color: #1d6fa5;
  background-color: rgba(52, 152, 219, 0.1);
}

/* line 29, app/assets/stylesheets/admin/flash.scss */
.flash.success {
  border-left-color: #0A8340;
  color: #065429;
  background-color: rgba(10, 131, 64, 0.15);
}

/* line 37, app/assets/stylesheets/admin/flash.scss */
.flash.templated-badge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

/* line 43, app/assets/stylesheets/admin/flash.scss */
.flash.templated-badge .templated-badge-label {
  font-weight: 600;
}

/* line 47, app/assets/stylesheets/admin/flash.scss */
.flash.templated-badge code {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: rgba(52, 152, 219, 0.15);
  color: #196090;
}

/* line 60, app/assets/stylesheets/admin/flash.scss */
.flash.shutdown-grace {
  margin: 0;
  border-radius: 0;
  border-left: 0;
  border-bottom: 1px solid rgba(212, 135, 42, 0.5);
}

/* line 66, app/assets/stylesheets/admin/flash.scss */
.flash.shutdown-grace strong {
  margin-right: 0.35em;
}

/* line 68, app/assets/stylesheets/admin/flash.scss */
.flash.shutdown-grace a {
  margin-left: 12px;
  font-weight: 600;
  white-space: nowrap;
}
/* line 5, app/assets/stylesheets/admin/flyout.scss */
.flyout {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  z-index: 200;
  padding: 0;
  margin-top: 4px;
}

/* line 18, app/assets/stylesheets/admin/flyout.scss */
.flyout.open {
  display: block;
}

/* line 23, app/assets/stylesheets/admin/flyout.scss */
.flyout.flyout-up {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 4px;
}

/* line 30, app/assets/stylesheets/admin/flyout.scss */
.flyout > a:first-child, .flyout > :first-child a {
  border-radius: 4px 4px 0 0;
}

/* line 34, app/assets/stylesheets/admin/flyout.scss */
.flyout > a:last-child, .flyout > :last-child a {
  border-radius: 0 0 4px 4px;
}

/* line 38, app/assets/stylesheets/admin/flyout.scss */
.flyout > a:only-child, .flyout > :only-child a {
  border-radius: 4px;
}
/* line 8, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  padding: 14px 25px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 20, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar-left {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--footer-text-color, #777);
}

/* line 29, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar-left .footer-copyright {
  font-weight: 400;
  font-style: normal;
}

/* line 35, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar-left .footer-sep {
  color: color-mix(in oklab, var(--footer-text-color, #777) 50%, transparent);
}

/* line 43, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar-left .footer-link {
  font-weight: 400;
  font-style: normal;
  color: var(--footer-link-color, var(--app-color, #2540F5));
  text-decoration: none;
}

/* line 48, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar-left .footer-link:hover {
  text-decoration: underline;
}

/* line 52, app/assets/stylesheets/admin/footer_bar.scss */
.footer-bar-right {
  display: flex;
  align-items: center;
}

@media (max-width: 520px) {
  /* line 64, app/assets/stylesheets/admin/footer_bar.scss */
  .footer-bar {
    justify-content: center;
  }
  /* line 68, app/assets/stylesheets/admin/footer_bar.scss */
  .footer-bar-left {
    justify-content: center;
    text-align: center;
  }
}

/* line 77, app/assets/stylesheets/admin/footer_bar.scss */
body.no-scroll {
  overflow: hidden;
}

/* line 85, app/assets/stylesheets/admin/footer_bar.scss */
.footer-lang-links {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* line 90, app/assets/stylesheets/admin/footer_bar.scss */
.footer-lang-links a {
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: var(--footer-text-color, #777);
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 3px;
}

/* line 98, app/assets/stylesheets/admin/footer_bar.scss */
.footer-lang-links a:hover {
  color: var(--font-color, #3D3C3B);
}

/* line 102, app/assets/stylesheets/admin/footer_bar.scss */
.footer-lang-links a.current {
  font-weight: 700;
  color: var(--font-color, #3D3C3B);
}

/* line 108, app/assets/stylesheets/admin/footer_bar.scss */
.footer-lang-links .separator {
  color: color-mix(in oklab, var(--font-color, #3D3C3B) 30%, transparent);
  font-size: 11px;
}
/* line 4, app/assets/stylesheets/admin/form.scss */
.form {
  margin-bottom: 22px;
}

/* line 11, app/assets/stylesheets/admin/form.scss */
.form .field-group {
  padding-bottom: 18.3333333333px;
}

/* line 13, app/assets/stylesheets/admin/form.scss */
.form .field-group:last-child {
  padding-bottom: 0;
}

/* line 15, app/assets/stylesheets/admin/form.scss */
.form .field {
  clear: both;
  padding-bottom: 18.3333333333px;
}

/* line 18, app/assets/stylesheets/admin/form.scss */
.form .field:last-child {
  padding-bottom: 0;
}

/* line 19, app/assets/stylesheets/admin/form.scss */
.form .field .note {
  padding: 5px 0 0 0;
}

/* line 28, app/assets/stylesheets/admin/form.scss */
.form .field.required label {
  opacity: 1;
}

/* line 34, app/assets/stylesheets/admin/form.scss */
.form .field.error input, .form .field.error select, .form .field.error textarea, .form .field.error .ts-control {
  border-color: #AB2430;
}

/* line 41, app/assets/stylesheets/admin/form.scss */
.form .field.inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 12px;
}

/* line 46, app/assets/stylesheets/admin/form.scss */
.form .field.inline > label {
  flex: 0 0 auto;
  padding-bottom: 0;
}

/* line 50, app/assets/stylesheets/admin/form.scss */
.form .field.inline > .note {
  flex-basis: 100%;
  margin-top: 4px;
}

/* line 57, app/assets/stylesheets/admin/form.scss */
.form fieldset {
  border: none;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  background: none;
  padding: 22px 0;
}

/* line 62, app/assets/stylesheets/admin/form.scss */
.form fieldset:first-child {
  padding-top: 0;
}

/* line 65, app/assets/stylesheets/admin/form.scss */
.form fieldset:last-child {
  padding-bottom: 0;
  border: 0;
}

/* line 69, app/assets/stylesheets/admin/form.scss */
.form fieldset legend {
  padding: 0;
  float: left;
  width: 100%;
}

/* line 87, app/assets/stylesheets/admin/form.scss */
.form fieldset.collapsible legend {
  position: relative;
  box-sizing: border-box;
  padding-right: 1.5em;
  cursor: pointer;
  user-select: none;
}

/* line 98, app/assets/stylesheets/admin/form.scss */
.form fieldset.collapsible .collapsible-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 0.4em;
  transform: translateY(-50%);
  transition: transform 0.15s ease;
}

/* line 106, app/assets/stylesheets/admin/form.scss */
.form fieldset.collapsible:not(.collapsed) .collapsible-arrow {
  transform: translateY(-50%) rotate(180deg);
}

/* line 113, app/assets/stylesheets/admin/form.scss */
.form fieldset.collapsible.collapsed {
  overflow: hidden;
}

/* line 115, app/assets/stylesheets/admin/form.scss */
.form fieldset.collapsible.collapsed legend {
  margin-bottom: 0;
}

/* line 118, app/assets/stylesheets/admin/form.scss */
.form fieldset.collapsible.collapsed > :not(legend) {
  display: none;
}

/* line 124, app/assets/stylesheets/admin/form.scss */
.form label, .form .label {
  display: block;
  font-weight: 700;
  padding-bottom: 5px;
  opacity: 0.8;
}

/* line 130, app/assets/stylesheets/admin/form.scss */
.form h2 + p.note {
  margin-top: -5px;
}

/* line 138, app/assets/stylesheets/admin/form.scss */
.form textarea {
  min-height: 48px;
  height: auto;
  resize: none;
}

/* line 144, app/assets/stylesheets/admin/form.scss */
.form .inline label {
  display: inline-block;
  padding-right: 5px;
}

/* line 149, app/assets/stylesheets/admin/form.scss */
.form .checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0 8px;
}

/* line 155, app/assets/stylesheets/admin/form.scss */
.form .checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 36px;
  min-width: 36px;
  height: 20px;
  background: #ccc;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  transition: background 0.2s;
  margin-top: 2px;
}

/* line 168, app/assets/stylesheets/admin/form.scss */
.form .checkbox input[type="checkbox"]::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
}

/* line 180, app/assets/stylesheets/admin/form.scss */
.form .checkbox input[type="checkbox"]:checked {
  background: var(--app-color, #2540F5);
}

/* line 182, app/assets/stylesheets/admin/form.scss */
.form .checkbox input[type="checkbox"]:checked::after {
  transform: translateX(16px);
}

/* line 185, app/assets/stylesheets/admin/form.scss */
.form .checkbox input[type="checkbox"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 191, app/assets/stylesheets/admin/form.scss */
.form .checkbox label {
  flex: 1;
  min-width: 0;
  cursor: pointer;
  line-height: 1.4;
}

/* line 198, app/assets/stylesheets/admin/form.scss */
.form .checkbox .field_with_errors {
  display: inline;
}

/* line 202, app/assets/stylesheets/admin/form.scss */
.form .checkbox .note {
  flex-basis: 100%;
  padding-top: 0;
  padding-left: 52px;
}

/* line 208, app/assets/stylesheets/admin/form.scss */
.form .checkbox.inline {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 10px;
}

/* line 213, app/assets/stylesheets/admin/form.scss */
.form .checkbox.inline label {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  opacity: 0.7;
  padding: 0;
}

/* line 224, app/assets/stylesheets/admin/form.scss */
.form .toggle-all {
  clear: both;
  margin: 8px 0;
}

/* line 228, app/assets/stylesheets/admin/form.scss */
.form .toggle-section {
  padding-top: 10px;
}

/* line 230, app/assets/stylesheets/admin/form.scss */
.form .toggle-section ul {
  margin: 0;
}

/* line 234, app/assets/stylesheets/admin/form.scss */
.form .selectable {
  width: 100%;
}

/* line 236, app/assets/stylesheets/admin/form.scss */
.form .selectable.small {
  width: 200px;
}

/* line 240, app/assets/stylesheets/admin/form.scss */
.form .alert {
  background-color: rgba(171, 36, 48, 0.15);
}

/* line 243, app/assets/stylesheets/admin/form.scss */
.form .fields > .nested {
  margin-top: 20px;
  padding-bottom: 20px;
}

/* line 248, app/assets/stylesheets/admin/form.scss */
.form .input, .form .select-list, .form .textarea {
  margin-top: 0;
}

/* line 253, app/assets/stylesheets/admin/form.scss */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="file"],
input[type="search"],
textarea,
.input, .select, .textarea {
  padding: 5px 7px 6px 7px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 265, app/assets/stylesheets/admin/form.scss */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
input[type="search"]:focus,
textarea:focus,
.input:focus, .select:focus, .textarea:focus {
  outline: none;
  border-color: #777;
}

/* line 270, app/assets/stylesheets/admin/form.scss */
select:focus,
.ts-wrapper.focus .ts-control {
  outline: none;
}

/* line 274, app/assets/stylesheets/admin/form.scss */
input[type="date"] {
  padding: 4px 7px;
}

/* line 284, app/assets/stylesheets/admin/form.scss */
.localized-date {
  position: relative;
  display: inline-block;
}

/* line 289, app/assets/stylesheets/admin/form.scss */
.localized-date-display {
  display: block;
  min-width: 7em;
  box-sizing: border-box;
  padding: 4px 30px 4px 7px;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  white-space: nowrap;
  cursor: pointer;
}

/* line 301, app/assets/stylesheets/admin/form.scss */
.localized-date-display.empty {
  color: #777;
}

/* line 304, app/assets/stylesheets/admin/form.scss */
.localized-date-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 15px;
  pointer-events: none;
  color: #777;
}

/* line 317, app/assets/stylesheets/admin/form.scss */
.localized-date-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

/* line 325, app/assets/stylesheets/admin/form.scss */
input[type="text"],
input[type="password"],
input[type="search"],
textarea {
  width: 100%;
}

/* line 334, app/assets/stylesheets/admin/form.scss */
input.small[type="text"],
input.small[type="password"],
input.small[type="number"] {
  width: 80px;
}

/* line 338, app/assets/stylesheets/admin/form.scss */
input[type="search"] {
  padding-right: 28px;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}

/* line 347, app/assets/stylesheets/admin/form.scss */
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

/* line 349, app/assets/stylesheets/admin/form.scss */
select {
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px;
}

/* line 355, app/assets/stylesheets/admin/form.scss */
input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="date"]:read-only,
input[type="file"]:read-only,
textarea:read-only,
select:disabled,
.select2-container--disabled {
  background: rgba(0, 0, 0, 0.05);
  opacity: .7;
}

/* line 369, app/assets/stylesheets/admin/form.scss */
.search {
  position: relative;
}

/* line 372, app/assets/stylesheets/admin/form.scss */
.search::after {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-looking-glass);
  mask-image: var(--icon-looking-glass);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  color: #bababa;
  pointer-events: none;
}

/* line 389, app/assets/stylesheets/admin/form.scss */
.search.is-loading::after {
  content: '';
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  border: 2px solid #bababa;
  border-top-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: spin 0.7s linear infinite;
}

/* line 402, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper {
  position: relative;
}

/* line 405, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper input {
  padding-right: 30px;
}

/* line 409, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper .password-toggle {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #bababa;
  line-height: 1;
}

/* line 421, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper .password-toggle:hover {
  color: #a8a8a8;
}

/* line 425, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper .password-toggle .eye-open {
  display: none;
}

/* line 429, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper .password-toggle.revealed {
  color: #3D3C3B;
}

/* line 432, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper .password-toggle.revealed .eye-slash {
  display: none;
}

/* line 436, app/assets/stylesheets/admin/form.scss */
.password-field-wrapper .password-toggle.revealed .eye-open {
  display: inline;
}

/* line 444, app/assets/stylesheets/admin/form.scss */
.textarea-wrapper-maxlength {
  position: relative;
}

/* line 446, app/assets/stylesheets/admin/form.scss */
.textarea-wrapper-maxlength textarea {
  height: auto;
  padding-bottom: 22px;
  resize: none;
}

/* line 451, app/assets/stylesheets/admin/form.scss */
.textarea-wrapper-maxlength .maxlength {
  font-style: italic;
  font-size: 11px;
  position: absolute;
  bottom: -16px;
  right: 7px;
  color: #777;
  text-align: right;
}

/* line 459, app/assets/stylesheets/admin/form.scss */
.textarea-wrapper-maxlength .maxlength.error {
  font-weight: 700;
  color: #AB2430;
  padding: 0;
}

/* line 467, app/assets/stylesheets/admin/form.scss */
.file-input-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
}

/* line 473, app/assets/stylesheets/admin/form.scss */
.file-input-wrapper input.file-input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none !important;
  background: transparent !important;
  opacity: 0;
  cursor: pointer;
}

/* line 487, app/assets/stylesheets/admin/form.scss */
.file-input-wrapper .file-input-label {
  display: block;
  padding: 5px 7px 6px 7px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #bbb;
  cursor: pointer;
  transition: background 0.15s ease;
  line-height: 1.25;
}

/* line 498, app/assets/stylesheets/admin/form.scss */
.file-input-wrapper .file-input-label:hover {
  background: #fafafa;
}

/* line 503, app/assets/stylesheets/admin/form.scss */
.file-input-wrapper.has-file .file-input-label {
  background: rgba(10, 131, 64, 0.15);
  border-color: #0A8340;
  color: #065429;
}

/* line 511, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  padding-top: 5px;
}

/* line 516, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias .field {
  flex: 1;
  padding: 0;
}

/* line 520, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias .button {
  margin-left: 5px;
}

/* line 522, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias .button:not(.delete):not(.move):not(.edit) {
  width: auto;
}

/* line 526, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias:first-of-type {
  padding-top: 0;
}

/* line 529, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias .note {
  flex-basis: 100%;
}

/* line 533, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias.error .field input {
  border-color: #AB2430;
}

/* line 536, app/assets/stylesheets/admin/form.scss */
.domain-aliases .domain-alias.error .note {
  color: #AB2430;
}

/* line 541, app/assets/stylesheets/admin/form.scss */
.domain-aliases > .button {
  margin-top: 5px;
}

/* line 548, app/assets/stylesheets/admin/form.scss */
.labeled-field {
  display: flex;
  flex-direction: column;
}

/* line 551, app/assets/stylesheets/admin/form.scss */
.labeled-field label {
  font-weight: 800;
  font-size: 13px;
  color: #777;
  padding: 4px;
}

/* line 560, app/assets/stylesheets/admin/form.scss */
.color-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 566, app/assets/stylesheets/admin/form.scss */
.color-swatch {
  width: 40px;
  height: 40px;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 2px;
  cursor: pointer;
  flex-shrink: 0;
}

/* line 575, app/assets/stylesheets/admin/form.scss */
.color-swatch::-webkit-color-swatch-wrapper {
  padding: 0;
}

/* line 576, app/assets/stylesheets/admin/form.scss */
.color-swatch::-webkit-color-swatch {
  border: none;
  border-radius: 2px;
}

/* line 580, app/assets/stylesheets/admin/form.scss */
.color-swatch::-moz-color-swatch {
  border: none;
  border-radius: 2px;
}

/* line 586, app/assets/stylesheets/admin/form.scss */
.color-hex {
  width: 90px;
  flex: 0 0 90px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

/* line 595, app/assets/stylesheets/admin/form.scss */
textarea.code,
input.code {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 13px;
  line-height: 1.5;
}

/* line 602, app/assets/stylesheets/admin/form.scss */
.color-reset {
  background: none;
  border: none;
  color: #777;
  font-size: 11px;
  cursor: pointer;
  padding: 0;
}

/* line 610, app/assets/stylesheets/admin/form.scss */
.color-reset:hover {
  color: #AB2430;
}

/* line 614, app/assets/stylesheets/admin/form.scss */
.icon-picker-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  color: #3D3C3B;
  font-size: 16px;
}

/* line 627, app/assets/stylesheets/admin/form.scss */
.icon-picker-button:hover {
  border-color: var(--app-color, #2540F5);
}

/* line 632, app/assets/stylesheets/admin/form.scss */
.icon-picker-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  color: var(--app-color, #2540F5);
}

/* line 641, app/assets/stylesheets/admin/form.scss */
.icon-picker-preview.empty {
  color: #ccc;
}

/* line 643, app/assets/stylesheets/admin/form.scss */
.icon-picker-preview.empty:before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-question-mark);
  mask-image: var(--icon-question-mark);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
}

/* line 650, app/assets/stylesheets/admin/form.scss */
.icon-picker-preview .icon {
  margin: 0;
}

/* line 654, app/assets/stylesheets/admin/form.scss */
.icon-picker-grid {
  display: grid;
  grid-template-columns: repeat(6, 48px);
  gap: 8px;
  justify-content: center;
}

/* line 661, app/assets/stylesheets/admin/form.scss */
.icon-picker-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  color: #777;
  font-size: 20px;
}

/* line 674, app/assets/stylesheets/admin/form.scss */
.icon-picker-cell:hover {
  border-color: var(--app-color, #2540F5);
  color: var(--app-color, #2540F5);
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 680, app/assets/stylesheets/admin/form.scss */
.icon-picker-cell.selected {
  border-color: var(--app-color, #2540F5);
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
  color: var(--app-color, #2540F5);
}

/* line 686, app/assets/stylesheets/admin/form.scss */
.icon-picker-cell .icon {
  margin: 0;
}

/* line 694, app/assets/stylesheets/admin/form.scss */
.uppercase,
.uppercase + .ts-wrapper .ts-control,
.uppercase + .ts-wrapper input {
  text-transform: uppercase;
}

/* line 704, app/assets/stylesheets/admin/form.scss */
.hide-field-help .field .note {
  display: none;
}

/* line 712, app/assets/stylesheets/admin/form.scss */
.command-copy textarea {
  width: 100%;
  font-family: monospace;
  resize: vertical;
}

/* line 717, app/assets/stylesheets/admin/form.scss */
.command-copy .button {
  margin-top: 8px;
}

/* line 724, app/assets/stylesheets/admin/form.scss */
.server-bootstrap h2:before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-attention);
  mask-image: var(--icon-attention);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 1em;
  height: 1em;
  margin-right: 8px;
  color: #AB2430;
  vertical-align: -0.15em;
}

/* line 737, app/assets/stylesheets/admin/form.scss */
.field-header {
  display: flex;
  align-items: center;
}

/* line 741, app/assets/stylesheets/admin/form.scss */
.field-header h3 {
  margin: 0;
  flex: 1;
}

/* line 746, app/assets/stylesheets/admin/form.scss */
.field-header .field-actions {
  display: flex;
  gap: 5px;
  margin-left: auto;
}
/* line 14, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] {
  flex-shrink: 0;
}

/* line 17, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .images {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 25, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .images li {
  position: relative;
  overflow: hidden;
}

/* line 30, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .images .gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

/* line 41, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation {
  --nav-fg: var(--action-color, #255DBA);
  --nav-bg: var(--background-color, #fff);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 0 0;
}

/* line 51, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation span {
  width: 25px;
  height: 25px;
  text-align: center;
  flex-shrink: 0;
}

/* line 61, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation .btn {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--nav-fg);
  border: 1px solid var(--nav-fg);
  border-radius: 100%;
  box-sizing: border-box;
  line-height: 23px;
  cursor: pointer;
  background: transparent;
  padding: 0;
}

/* line 74, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation .btn:not(.inactive):hover, .gallery[data-gallery] .navigation .btn.current {
  background: var(--nav-fg);
  color: var(--nav-bg);
}

/* line 80, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation .btn.current {
  cursor: default;
}

/* line 83, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation .ellipsis {
  padding: 0 1px;
  width: 20px;
  color: var(--nav-fg);
}

/* line 89, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation .inactive {
  opacity: 0.35;
  cursor: default;
}

/* line 93, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .navigation .inactive:hover {
  background: transparent;
  color: var(--nav-fg);
}

/* line 100, app/assets/stylesheets/shared/gallery.scss */
.gallery[data-gallery] .hidden {
  display: none;
}

/* line 107, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] {
  position: fixed !important;
  margin: 0 !important;
  padding: 80px 40px 70px !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  background: black;
  width: 100%;
  height: 100%;
  z-index: 5000;
  overflow: hidden;
  border: none;
}

/* line 123, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .images {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/* line 129, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .images li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 141, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .images img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 0;
  cursor: default;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

/* line 156, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .navigation {
  --nav-fg: #777;
  --nav-bg: #000;
  position: absolute;
  z-index: 1002;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}

/* line 168, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .close {
  position: absolute;
  z-index: 2000;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 25px;
  color: white;
  cursor: pointer;
  font-size: 24px;
  line-height: 25px;
  text-align: center;
  background: none;
  border: none;
  opacity: 0.7;
}

/* line 184, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .close:hover {
  opacity: 1;
}

/* line 187, app/assets/stylesheets/shared/gallery.scss */
.gallery.gallery-overlay[data-gallery] .gallery-edit {
  display: none;
}

/* line 192, app/assets/stylesheets/shared/gallery.scss */
body.no-scroll {
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/admin/gallery.scss */
.product-header {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

/* line 18, app/assets/stylesheets/admin/gallery.scss */
.product-header fieldset {
  flex: 1;
  border: none;
}

/* line 19, app/assets/stylesheets/admin/gallery.scss */
.product-header .product-header-fields {
  flex: 1;
  order: 1;
}

/* line 20, app/assets/stylesheets/admin/gallery.scss */
.product-header .product-header-gallery {
  order: 2;
  flex-shrink: 0;
  padding-bottom: 22px;
}

/* line 25, app/assets/stylesheets/admin/gallery.scss */
.product-header .gallery-label {
  display: none;
}

/* line 27, app/assets/stylesheets/admin/gallery.scss */
.product-header + .properties-fieldset,
.product-header + fieldset.properties {
  border-top: 1px dashed rgba(0, 0, 0, 0.15) !important;
  padding-top: 22px;
}

@media (max-width: 800px) {
  /* line 14, app/assets/stylesheets/admin/gallery.scss */
  .product-header {
    flex-direction: column;
  }
  /* line 35, app/assets/stylesheets/admin/gallery.scss */
  .product-header .product-header-fields {
    order: 1;
    width: 100%;
  }
  /* line 36, app/assets/stylesheets/admin/gallery.scss */
  .product-header .product-header-gallery {
    order: 2;
    width: 100%;
    border-top: 1px dashed rgba(0, 0, 0, 0.15);
  }
  /* line 41, app/assets/stylesheets/admin/gallery.scss */
  .product-header .product-header-gallery .gallery[data-gallery] .images {
    justify-content: center;
  }
  /* line 44, app/assets/stylesheets/admin/gallery.scss */
  .product-header .gallery-label {
    display: block;
  }
  /* line 45, app/assets/stylesheets/admin/gallery.scss */
  .product-header fieldset {
    width: 100%;
    padding: 0;
  }
}

/* line 50, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .images li {
  width: 256px;
  height: 342px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.05);
}

/* line 58, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .gallery-edit {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  opacity: 0.6;
}

/* line 68, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .gallery-edit:hover {
  opacity: 1;
}

/* line 72, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .navigation .btn {
  border: 1px solid #aaa;
}

/* line 74, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .navigation .btn:hover, .gallery[data-gallery] .navigation .btn.current {
  background: var(--app-color, #2540F5);
  color: white;
  border-color: var(--app-color, #2540F5);
}

/* line 80, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .navigation .btn.inactive {
  color: #e8e8e8;
  border-color: #e8e8e8;
  opacity: 1;
}

/* line 84, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .navigation .btn.inactive:hover {
  background: none;
  color: #e8e8e8;
  border-color: #e8e8e8;
}

/* line 94, app/assets/stylesheets/admin/gallery.scss */
.gallery.gallery-empty[data-gallery] .images li {
  border: 2px dashed #bababa;
  background: rgba(0, 0, 0, 0.05);
  transition: border-color 0.2s, background-color 0.2s;
}

/* line 100, app/assets/stylesheets/admin/gallery.scss */
.gallery.gallery-empty[data-gallery]:hover .images li, .gallery.gallery-empty.dragover[data-gallery] .images li {
  border-color: var(--app-color, #2540F5);
  background: rgba(0, 0, 0, 0.05);
}

/* line 106, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .gallery-empty-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #777;
  cursor: pointer;
  transition: color 0.2s;
}

/* line 116, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .gallery-empty-content i {
  font-size: 64px;
  margin-bottom: 10px;
  opacity: 0.3;
}

/* line 121, app/assets/stylesheets/admin/gallery.scss */
.gallery[data-gallery] .gallery-empty-content span {
  font-size: 13px;
}

/* line 124, app/assets/stylesheets/admin/gallery.scss */
.gallery-empty:hover .gallery[data-gallery] .gallery-empty-content, .gallery-empty.dragover .gallery[data-gallery] .gallery-empty-content {
  color: var(--app-color, #2540F5);
}
/* line 8, app/assets/stylesheets/admin/help.scss */
.content > .show.help {
  padding: 22px;
}

/* line 11, app/assets/stylesheets/admin/help.scss */
.content > .show.help > *:not(.actions) {
  margin-left: auto;
  margin-right: auto;
}

/* line 17, app/assets/stylesheets/admin/help.scss */
.show.help > h1 {
  margin-top: 0;
  margin-bottom: 22px;
}

/* line 22, app/assets/stylesheets/admin/help.scss */
.help-empty {
  color: #777;
}

/* line 27, app/assets/stylesheets/admin/help.scss */
.help-search {
  position: relative;
  margin-bottom: 22px;
}

/* line 34, app/assets/stylesheets/admin/help.scss */
.help-suggestions {
  display: none;
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0 0;
  padding: 4px 0;
  max-height: 360px;
  overflow-y: auto;
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
}

/* line 51, app/assets/stylesheets/admin/help.scss */
.help-suggestions.open {
  display: block;
}

/* line 56, app/assets/stylesheets/admin/help.scss */
.help-suggestion-group {
  padding: 8px 16px 4px;
  color: #777;
  font-size: 13px;
  font-weight: 600;
}

/* line 63, app/assets/stylesheets/admin/help.scss */
.help-suggestion-empty {
  padding: 10px 16px;
  color: #777;
}

/* line 68, app/assets/stylesheets/admin/help.scss */
.help-suggestion {
  display: block;
  padding: 8px 16px;
  color: #3D3C3B;
  text-decoration: none;
}

/* line 74, app/assets/stylesheets/admin/help.scss */
.help-suggestion:hover, .help-suggestion.active {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 80, app/assets/stylesheets/admin/help.scss */
.help-suggestion-title {
  display: block;
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/admin/help.scss */
.help-suggestion-summary {
  display: block;
  margin-top: 2px;
  color: #777;
  font-size: 13px;
}

@media (min-width: 617px) {
  /* line 96, app/assets/stylesheets/admin/help.scss */
  .help-article:has(.help-toc) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    grid-template-areas: 'title toc' 'meta toc' 'body toc' 'related toc';
    column-gap: 35.2px;
    align-items: start;
  }
}

/* line 107, app/assets/stylesheets/admin/help.scss */
.help-article-title {
  grid-area: title;
  margin: 0;
}

/* line 112, app/assets/stylesheets/admin/help.scss */
.help-article-meta {
  grid-area: meta;
  margin: 6px 0 22px;
}

/* line 117, app/assets/stylesheets/admin/help.scss */
.help-article-category {
  color: #777;
  font-size: 13px;
}

/* line 122, app/assets/stylesheets/admin/help.scss */
.help-article-tags {
  margin-left: 10px;
  color: #777;
  font-size: 11px;
}

/* line 128, app/assets/stylesheets/admin/help.scss */
.help-toc {
  grid-area: toc;
  position: sticky;
  top: 22px;
  padding: 14px 16px;
  border-radius: 4px;
  background: #fafafa;
}

@media (max-width: 616px) {
  /* line 128, app/assets/stylesheets/admin/help.scss */
  .help-toc {
    position: static;
    margin-bottom: 22px;
  }
}

/* line 142, app/assets/stylesheets/admin/help.scss */
.help-toc-title {
  margin: 0 0 10px;
  color: #3D3C3B;
  font-size: 13px;
  font-weight: 600;
}

/* line 149, app/assets/stylesheets/admin/help.scss */
.help-toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 155, app/assets/stylesheets/admin/help.scss */
.help-toc-item {
  margin-bottom: 6px;
}

/* line 158, app/assets/stylesheets/admin/help.scss */
.help-toc-item a {
  color: #3D3C3B;
  text-decoration: none;
}

/* line 162, app/assets/stylesheets/admin/help.scss */
.help-toc-item a:hover {
  color: var(--app-color, #2540F5);
}

/* line 166, app/assets/stylesheets/admin/help.scss */
.help-toc-item a.active {
  color: var(--app-color, #2540F5);
  font-weight: 600;
}

/* line 173, app/assets/stylesheets/admin/help.scss */
.help-toc-sub {
  padding-left: 12px;
}

/* line 177, app/assets/stylesheets/admin/help.scss */
.help-body {
  grid-area: body;
  line-height: 1.65;
}

/* line 181, app/assets/stylesheets/admin/help.scss */
.help-body h1, .help-body h2, .help-body h3 {
  margin: 1.6em 0 0.5em;
  font-weight: 600;
}

/* line 185, app/assets/stylesheets/admin/help.scss */
.help-body h1:first-child, .help-body h2:first-child, .help-body h3:first-child {
  margin-top: 0;
}

/* line 190, app/assets/stylesheets/admin/help.scss */
.help-body p, .help-body ul, .help-body ol {
  margin: 0 0 1em;
}

/* line 194, app/assets/stylesheets/admin/help.scss */
.help-body ul, .help-body ol {
  padding-left: 1.4em;
}

/* line 198, app/assets/stylesheets/admin/help.scss */
.help-body ul {
  list-style: disc;
}

/* line 199, app/assets/stylesheets/admin/help.scss */
.help-body ol {
  list-style: decimal;
}

/* line 201, app/assets/stylesheets/admin/help.scss */
.help-body li {
  margin-bottom: 0.4em;
}

/* line 205, app/assets/stylesheets/admin/help.scss */
.help-body a {
  color: var(--app-color, #2540F5);
}

/* line 213, app/assets/stylesheets/admin/help.scss */
.help-related {
  grid-area: related;
  margin-top: 44px;
  padding-top: 26.4px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 220, app/assets/stylesheets/admin/help.scss */
.help-related-title {
  margin: 0 0 16px;
  color: #3D3C3B;
  font-size: 20px;
  font-weight: 600;
}

/* line 227, app/assets/stylesheets/admin/help.scss */
.help-related-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 239, app/assets/stylesheets/admin/help.scss */
.help-related-item {
  display: flex;
}

/* line 243, app/assets/stylesheets/admin/help.scss */
.help-related-link {
  flex: 1;
  box-sizing: border-box;
  padding: 16px 18px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  text-decoration: none;
  transition: border-color 0.12s, background-color 0.12s;
}

/* line 252, app/assets/stylesheets/admin/help.scss */
.help-related-link:hover {
  border-color: var(--app-color, #2540F5);
  background: #fafafa;
}

/* line 258, app/assets/stylesheets/admin/help.scss */
.help-related-item-title {
  display: block;
  color: var(--app-color, #2540F5);
  font-size: 18px;
  font-weight: 600;
}

/* line 265, app/assets/stylesheets/admin/help.scss */
.help-related-item-summary {
  display: block;
  margin-top: 8px;
  color: #777;
  font-size: 16px;
  line-height: 1.55;
}
@charset "UTF-8";
/* line 4, app/assets/stylesheets/admin/import.scss */
.progress-section {
  margin: 24px 0;
}

/* line 7, app/assets/stylesheets/admin/import.scss */
.progress-section .progress-label {
  margin: 0 0 8px 0;
  font-size: 14px;
  font-weight: 600;
  color: #777;
}

/* line 15, app/assets/stylesheets/admin/import.scss */
.progress-section .task-progress .task-progress-bar {
  height: 16px;
  background: #dedede;
  border-radius: 8px;
  overflow: hidden;
}

/* line 21, app/assets/stylesheets/admin/import.scss */
.progress-section .task-progress .task-progress-bar .task-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--app-color, #2540F5), color-mix(in srgb, var(--app-color, #2540F5), white 10%));
  border-radius: 8px;
  transition: width 0.3s ease;
}

/* line 29, app/assets/stylesheets/admin/import.scss */
.progress-section .task-progress .task-progress-info {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  font-size: 15px;
  color: #777;
}

/* line 36, app/assets/stylesheets/admin/import.scss */
.progress-section .task-progress .task-progress-info .message {
  flex: 1;
}

/* line 40, app/assets/stylesheets/admin/import.scss */
.progress-section .task-progress .task-progress-info .percent {
  font-weight: 700;
  font-size: 16px;
  color: var(--app-color, #2540F5);
}

/* line 50, app/assets/stylesheets/admin/import.scss */
.import .buttons {
  display: inline-block;
  vertical-align: middle;
}

/* line 53, app/assets/stylesheets/admin/import.scss */
.import .buttons .button {
  margin: 0 0 0 5px;
}

/* line 57, app/assets/stylesheets/admin/import.scss */
.import .file {
  margin-top: 1px;
  margin-right: 5px;
}

/* line 62, app/assets/stylesheets/admin/import.scss */
.import .importer-form {
  margin-bottom: 30px;
}

/* line 65, app/assets/stylesheets/admin/import.scss */
.import .importer-form .field {
  margin-bottom: 15px;
}

/* line 68, app/assets/stylesheets/admin/import.scss */
.import .importer-form .field label {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

/* line 74, app/assets/stylesheets/admin/import.scss */
.import .importer-form .field input[type="checkbox"] {
  margin-right: 8px;
}

/* line 80, app/assets/stylesheets/admin/import.scss */
.import .importer-result {
  margin-top: 30px;
}

/* line 83, app/assets/stylesheets/admin/import.scss */
.import .importer-result.success h2 {
  color: #0A8340;
}

/* line 87, app/assets/stylesheets/admin/import.scss */
.import .importer-result.error h2 {
  color: #AB2430;
}

/* line 91, app/assets/stylesheets/admin/import.scss */
.import .importer-result h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 96, app/assets/stylesheets/admin/import.scss */
.import .importer-result h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 101, app/assets/stylesheets/admin/import.scss */
.import .importer-result .stats.box {
  margin-bottom: 20px;
}

/* line 104, app/assets/stylesheets/admin/import.scss */
.import .importer-result .stats.box li.warn {
  color: #D4872A;
}

/* line 108, app/assets/stylesheets/admin/import.scss */
.import .importer-result .stats.box li.new {
  background: rgba(10, 131, 64, 0.15);
  border-radius: 4px;
}

/* line 114, app/assets/stylesheets/admin/import.scss */
.import .importer-result .imported-records {
  margin-top: 20px;
}

/* line 117, app/assets/stylesheets/admin/import.scss */
.import .importer-result .imported-records ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 122, app/assets/stylesheets/admin/import.scss */
.import .importer-result .imported-records ul li {
  padding: 5px 0;
}

/* line 127, app/assets/stylesheets/admin/import.scss */
.import .importer-result .imported-records p.note {
  margin-top: 10px;
  color: #777;
}

/* line 133, app/assets/stylesheets/admin/import.scss */
.import .importer-result .errors {
  margin-top: 20px;
}

/* line 136, app/assets/stylesheets/admin/import.scss */
.import .importer-result .errors ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 141, app/assets/stylesheets/admin/import.scss */
.import .importer-result .errors ul li.error {
  padding: 5px 10px;
  margin-bottom: 5px;
  background: rgba(171, 36, 48, 0.15);
  color: #AB2430;
  border-radius: 3px;
}

/* line 151, app/assets/stylesheets/admin/import.scss */
.import .importer-result .center {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  text-align: center;
}

/* line 159, app/assets/stylesheets/admin/import.scss */
.import .alert.error {
  padding: 15px;
  margin-bottom: 20px;
  background: rgba(171, 36, 48, 0.15);
  color: #AB2430;
  border-radius: 4px;
}

/* line 167, app/assets/stylesheets/admin/import.scss */
.import .required-fields-warning {
  margin-bottom: 20px;
}

/* line 170, app/assets/stylesheets/admin/import.scss */
.import .required-fields-warning .missing-list {
  margin-left: 5px;
}

/* line 176, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .stats.box {
  margin-bottom: 30px;
}

/* line 179, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .stats.box li.warn {
  color: #D4872A;
}

/* line 183, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .stats.box li.new {
  background: rgba(10, 131, 64, 0.15);
  border-radius: 4px;
}

/* line 188, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .stats.box li.highlight {
  color: var(--app-color, #2540F5);
}

/* line 194, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-form h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}

/* line 198, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-form h2 + p.note {
  margin-top: -5px;
}

/* line 203, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-form p.note {
  margin-top: 0;
  margin-bottom: 20px;
  color: #777;
}

/* line 209, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-form .fields {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 215, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 223, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table th, .import .importer-preview .mappings-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #dedede;
}

/* line 229, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table th {
  background: #e8e8e8;
  font-weight: 700;
}

/* line 233, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table th.source {
  width: 30%;
}

/* line 234, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table th.action {
  width: 35%;
}

/* line 235, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table th.target {
  width: auto;
}

/* line 238, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table td.status {
  width: 32px;
  text-align: center;
  padding-left: 12px;
  padding-right: 0;
}

/* line 245, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tbody tr {
  transition: background-color 0.15s ease;
}

/* line 248, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tbody tr:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 252, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 257, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.mapped .status-icon,
.import .importer-preview .mappings-table tr.skip .status-icon {
  background: #0A8340;
}

/* line 262, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.conflict .status-icon {
  background: #AB2430;
}

/* line 266, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.fuzzy-match {
  background: rgba(241, 169, 72, 0.15);
}

/* line 269, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.fuzzy-match:hover {
  background: rgba(241, 169, 72, 0.25);
}

/* line 274, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.new-type {
  background: rgba(10, 131, 64, 0.15);
}

/* line 277, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.new-type:hover {
  background: rgba(10, 131, 64, 0.25);
}

/* line 282, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.conflict {
  background: rgba(171, 36, 48, 0.15);
}

/* line 285, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table tr.conflict:hover {
  background: rgba(200, 50, 50, 0.2);
}

/* line 305, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table .source {
  font-weight: 500;
}

/* line 309, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table .similarity {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 700;
  color: #a96c22;
  background: rgba(241, 169, 72, 0.2);
  border-radius: 3px;
}

/* line 323, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table .target-attribute select, .import .importer-preview .mappings-table .target-attribute input,
.import .importer-preview .mappings-table .target-existing select,
.import .importer-preview .mappings-table .target-existing input,
.import .importer-preview .mappings-table .target-new select,
.import .importer-preview .mappings-table .target-new input {
  width: 100%;
}

/* line 327, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table .target-attribute .select2-container,
.import .importer-preview .mappings-table .target-existing .select2-container,
.import .importer-preview .mappings-table .target-new .select2-container {
  width: 100% !important;
}

/* line 332, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table .suggestion {
  margin-top: 8px;
  padding: 6px 10px;
  font-size: 12px;
  color: #945e1d;
  background: rgba(241, 169, 72, 0.15);
  border-radius: 3px;
}

/* line 340, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .mappings-table .suggestion strong {
  margin-left: 3px;
}

/* line 346, app/assets/stylesheets/admin/import.scss */
.import .importer-preview .center {
  margin-top: 30px;
  text-align: center;
}

/* line 353, app/assets/stylesheets/admin/import.scss */
.import .importer-validation .alert.warning {
  padding: 15px;
  margin-bottom: 20px;
  background: rgba(241, 169, 72, 0.15);
  color: #945e1d;
  border-radius: 4px;
  border-left: 4px solid #D4872A;
}

/* line 362, app/assets/stylesheets/admin/import.scss */
.import .importer-validation .stats.box {
  margin-bottom: 30px;
}

/* line 365, app/assets/stylesheets/admin/import.scss */
.import .importer-validation .stats.box li.error {
  color: #AB2430;
  background: rgba(171, 36, 48, 0.15);
  border-radius: 4px;
}

/* line 372, app/assets/stylesheets/admin/import.scss */
.import .importer-validation h2 {
  margin-top: 30px;
  margin-bottom: 10px;
}

/* line 376, app/assets/stylesheets/admin/import.scss */
.import .importer-validation h2 + p.note {
  margin-top: -5px;
}

/* line 381, app/assets/stylesheets/admin/import.scss */
.import .importer-validation p.note {
  margin-top: 0;
  margin-bottom: 20px;
  color: #777;
}

/* line 388, app/assets/stylesheets/admin/import.scss */
.import .validation-errors {
  margin-bottom: 30px;
}

/* line 392, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group {
  margin-bottom: 10px;
  padding: 10px 12px;
  background: #fff;
  border-radius: 4px;
  border-left: 4px solid #AB2430;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 400, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 406, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-header .error-message {
  font-weight: 700;
  color: #AB2430;
}

/* line 411, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-header .error-count {
  font-size: 12px;
  color: #777;
}

/* line 417, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-samples {
  margin-top: 4px;
}

/* line 420, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-samples ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}

/* line 428, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-samples ul li {
  color: #777;
  font-size: 12px;
}

/* line 432, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-samples ul li::before {
  content: '•';
  margin-right: 4px;
  color: #ccc;
}

/* line 438, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-samples ul li.more {
  font-style: italic;
}

/* line 441, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .error-samples ul li.more::before {
  content: '';
  margin-right: 0;
}

/* line 451, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .validation-form .center {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  text-align: center;
}

/* line 457, app/assets/stylesheets/admin/import.scss */
.import .validation-error-group .validation-form .center .button {
  margin: 0 5px;
  min-width: 120px;
}

/* line 470, app/assets/stylesheets/admin/import.scss */
.seed-category {
  margin-bottom: 10px;
}

/* line 474, app/assets/stylesheets/admin/import.scss */
.seed-legend {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0 4px;
}

/* line 482, app/assets/stylesheets/admin/import.scss */
.seed-legend .seed-all {
  flex: 0 0 auto;
}

/* line 484, app/assets/stylesheets/admin/import.scss */
.seed-legend .seed-all label {
  flex: 0 0 auto;
}

/* line 489, app/assets/stylesheets/admin/import.scss */
.seed-legend .seed-legend-mandatory {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #777;
}

/* line 499, app/assets/stylesheets/admin/import.scss */
.seed-legend .seed-legend-mandatory[hidden] {
  display: none;
}

/* line 513, app/assets/stylesheets/admin/import.scss */
.seed-mark {
  font-size: 16px;
  margin: 0;
  flex: 0 0 auto;
}

/* line 518, app/assets/stylesheets/admin/import.scss */
.seed-mark:before {
  color: #AB2430;
}

/* line 524, app/assets/stylesheets/admin/import.scss */
.seed-list[hidden] {
  display: none;
}

/* line 528, app/assets/stylesheets/admin/import.scss */
.seed-list .seed-item-head {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 534, app/assets/stylesheets/admin/import.scss */
.seed-list .seed-item-title {
  font-weight: 600;
  color: #3D3C3B;
}

/* line 539, app/assets/stylesheets/admin/import.scss */
.seed-list .seed-item-namespace {
  display: block;
  color: #777;
  margin-top: 2px;
}
/* line 4, app/assets/stylesheets/admin/list.scss */
.list {
  position: relative;
  width: 300px;
  min-width: 240px;
  max-width: 400px;
  flex: 0 1 25%;
  background: #dedede;
  display: flex;
  flex-direction: column;
  box-shadow: inset -4px 0 8px rgba(0, 0, 0, 0.06), inset 0 4px 8px rgba(0, 0, 0, 0.04);
  transition: margin-left 0.2s ease;
  overflow: hidden;
}

/* line 18, app/assets/stylesheets/admin/list.scss */
.list .filters {
  padding: 10px;
  box-sizing: border-box;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}

/* line 27, app/assets/stylesheets/admin/list.scss */
.list .filters .status {
  padding-bottom: 10px;
}

/* line 30, app/assets/stylesheets/admin/list.scss */
.list .filters .choose {
  padding-top: 10px;
}

/* line 32, app/assets/stylesheets/admin/list.scss */
.list .filters .choose:first-child {
  padding-top: 0;
}

/* line 35, app/assets/stylesheets/admin/list.scss */
.list .filters .choose label {
  display: inline-block;
  padding-right: 5px;
}

/* line 39, app/assets/stylesheets/admin/list.scss */
.list .filters .choose .selectable {
  width: 100%;
}

/* line 45, app/assets/stylesheets/admin/list.scss */
.list .count {
  padding: 10px;
  color: #777;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}

/* line 52, app/assets/stylesheets/admin/list.scss */
.list .results {
  overflow-y: auto;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.list .results::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.list .results::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.list .results::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.list .results::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 58, app/assets/stylesheets/admin/list.scss */
.list ul {
  margin: 0;
}

/* line 60, app/assets/stylesheets/admin/list.scss */
.list ul li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* line 63, app/assets/stylesheets/admin/list.scss */
.list ul li {
  overflow: hidden;
  border-left: 4px solid transparent;
}

/* line 132, app/assets/stylesheets/admin/_variables.scss */
.list ul li.alert, .list ul li.failed {
  border-left: 4px solid #AB2430;
}

/* line 133, app/assets/stylesheets/admin/_variables.scss */
.list ul li.warn, .list ul li.reverted {
  border-left: 4px solid #D4872A;
}

/* line 134, app/assets/stylesheets/admin/_variables.scss */
.list ul li.success, .list ul li.completed {
  border-left: 4px solid #0A8340;
}

/* line 135, app/assets/stylesheets/admin/_variables.scss */
.list ul li.info, .list ul li.running, .list ul li.importing, .list ul li.restoring, .list ul li.validating {
  border-left: 4px solid var(--app-color, #2540F5);
}

/* line 67, app/assets/stylesheets/admin/list.scss */
.list ul li.inactive {
  opacity: .5;
}

/* line 68, app/assets/stylesheets/admin/list.scss */
.list ul li span:not(.locale-badge):not(.value),
.list ul li strong {
  display: block;
}

/* line 71, app/assets/stylesheets/admin/list.scss */
.list ul li span.date:not(.locale-badge):not(.value),
.list ul li strong.date {
  padding: 0;
}

/* line 75, app/assets/stylesheets/admin/list.scss */
.list ul li .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 80, app/assets/stylesheets/admin/list.scss */
.list ul li .value {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 1px 0;
}

/* line 85, app/assets/stylesheets/admin/list.scss */
.list ul li .value em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 92, app/assets/stylesheets/admin/list.scss */
.list ul a {
  cursor: pointer;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #3D3C3B;
}

/* line 98, app/assets/stylesheets/admin/list.scss */
.list ul a:hover {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 101, app/assets/stylesheets/admin/list.scss */
.list ul a.rated {
  padding-left: 33px;
}

/* line 103, app/assets/stylesheets/admin/list.scss */
.list ul a.rated .icon {
  position: relative;
  margin-left: -23px;
  margin-right: 8px;
}

/* line 108, app/assets/stylesheets/admin/list.scss */
.list ul a.rated strong {
  display: inline;
}

/* line 115, app/assets/stylesheets/admin/list.scss */
.list li > a.current {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent) !important;
}

/* line 119, app/assets/stylesheets/admin/list.scss */
.list .results-more {
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
  padding: 10px;
  text-align: center;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  /* line 131, app/assets/stylesheets/admin/list.scss */
  .list.collapsed {
    margin-left: calc(-1 * var(--list-width, 300px));
  }
}

/* line 139, app/assets/stylesheets/admin/list.scss */
.list-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  flex-shrink: 0;
  background: #dedede;
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease;
}

@media (max-width: 1024px) {
  /* line 139, app/assets/stylesheets/admin/list.scss */
  .list-toggle {
    display: flex;
  }
}

/* line 156, app/assets/stylesheets/admin/list.scss */
.list-toggle:hover {
  background: #ccc;
}

/* line 160, app/assets/stylesheets/admin/list.scss */
.list-toggle .list-toggle-arrow {
  width: 6px;
  height: 6px;
  border-left: 1.5px solid #3D3C3B;
  border-bottom: 1.5px solid #3D3C3B;
  transform: rotate(45deg);
  position: relative;
  left: 1px;
}

/* line 171, app/assets/stylesheets/admin/list.scss */
.list-toggle.collapsed .list-toggle-arrow {
  transform: rotate(-135deg);
  left: -1px;
}
/* line 3, app/assets/stylesheets/admin/loading.scss */
.loading {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0.9;
}

/* line 12, app/assets/stylesheets/admin/loading.scss */
.loading .spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  background: red;
  display: none;
}
/* line 3, app/assets/stylesheets/admin/login.scss */
.login-page {
  margin: 0;
  padding: 0;
  min-height: 100dvh;
  background: #dedede;
  display: flex;
  flex-direction: column;
}

/* line 10, app/assets/stylesheets/admin/login.scss */
.login-page h1 {
  margin-top: 0;
  font-size: 1.5em;
}

/* line 20, app/assets/stylesheets/admin/login.scss */
.login-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* line 31, app/assets/stylesheets/admin/login.scss */
.login-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

/* line 37, app/assets/stylesheets/admin/login.scss */
.login-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  z-index: 200;
  border: 3px solid #dedede;
  border-top-color: color-mix(in srgb, var(--app-color, #2540F5), white 18%);
  border-radius: 50%;
  display: none;
  animation: login-spin 0.6s linear infinite;
}

/* line 53, app/assets/stylesheets/admin/login.scss */
.login-spinner.active {
  display: block;
}

@keyframes login-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 63, app/assets/stylesheets/admin/login.scss */
.login-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 70, app/assets/stylesheets/admin/login.scss */
.login-container {
  width: 100%;
  max-width: 560px;
  padding: 22px;
  box-sizing: border-box;
}

/* line 77, app/assets/stylesheets/admin/login.scss */
.login-card {
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
  overflow: hidden;
}

/* line 83, app/assets/stylesheets/admin/login.scss */
.login-card-header {
  background: linear-gradient(180deg, var(--app-color, #2540F5), color-mix(in srgb, var(--app-color, #2540F5), white 18%));
  padding: 28px 36px;
}

/* line 88, app/assets/stylesheets/admin/login.scss */
.login-tenant {
  font-weight: 800;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin: 0;
}

/* line 96, app/assets/stylesheets/admin/login.scss */
.login-card-body {
  background: #fff;
  padding: 28px 36px 36px;
}

/* line 102, app/assets/stylesheets/admin/login.scss */
.login-form .field {
  margin-bottom: 16px;
}

/* line 106, app/assets/stylesheets/admin/login.scss */
.login-form label {
  display: block;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 5px;
}

/* line 113, app/assets/stylesheets/admin/login.scss */
.login-form input[type='text'],
.login-form input[type='password'] {
  font-weight: 400;
  font-style: normal;
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #dedede;
  border-radius: 6px;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}

/* line 124, app/assets/stylesheets/admin/login.scss */
.login-form input[type='text']:focus,
.login-form input[type='password']:focus {
  outline: none;
  border-color: #a8a8a8;
}

/* line 132, app/assets/stylesheets/admin/login.scss */
.login-button {
  display: block;
  width: 100%;
  margin-top: 24px;
}

/* line 138, app/assets/stylesheets/admin/login.scss */
.login-links {
  margin-top: 16px;
  text-align: center;
}

/* line 143, app/assets/stylesheets/admin/login.scss */
.login-forgot {
  font-size: 16px;
  color: #777;
}

/* line 148, app/assets/stylesheets/admin/login.scss */
.login-subtitle {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 6px;
}

/* line 154, app/assets/stylesheets/admin/login.scss */
.login-hint {
  font-size: 16px;
  color: #777;
  margin: 0 0 20px;
}

/* line 160, app/assets/stylesheets/admin/login.scss */
.login-code-note {
  font-size: 16px;
  color: #777;
  margin-top: 6px;
}

/* line 166, app/assets/stylesheets/admin/login.scss */
.login-divider {
  text-align: center;
  margin: 20px 0;
  position: relative;
}

/* line 171, app/assets/stylesheets/admin/login.scss */
.login-divider::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid #dedede;
}

/* line 180, app/assets/stylesheets/admin/login.scss */
.login-divider span {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #777;
  background: #fff;
  padding: 0 12px;
  position: relative;
}

/* line 190, app/assets/stylesheets/admin/login.scss */
.login-webauthn {
  text-align: center;
}

/* line 194, app/assets/stylesheets/admin/login.scss */
.login-webauthn-status {
  display: block;
  font-size: 16px;
  color: #777;
  margin-top: 8px;
  min-height: 16px;
}

/* line 203, app/assets/stylesheets/admin/login.scss */
.login-card-body .flash {
  margin: 0 0 20px;
}

@media (max-width: 420px) {
  /* line 209, app/assets/stylesheets/admin/login.scss */
  .login-page {
    background: #fff;
  }
  /* line 212, app/assets/stylesheets/admin/login.scss */
  .login-container {
    max-width: none;
    padding: 0;
  }
  /* line 216, app/assets/stylesheets/admin/login.scss */
  .login-card {
    border-radius: 0;
    box-shadow: none;
  }
  /* line 220, app/assets/stylesheets/admin/login.scss */
  .login-card-header {
    padding: 20px 22px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  /* line 227, app/assets/stylesheets/admin/login.scss */
  .login-card-body {
    padding: 80px 22px 32px;
  }
  /* line 232, app/assets/stylesheets/admin/login.scss */
  .login-page .footer-bar {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* line 247, app/assets/stylesheets/admin/login.scss */
.login-page .footer-bar {
  margin-top: 15px;
  padding-top: 0;
  padding-left: 4px;
  padding-right: 4px;
  flex-direction: column;
  justify-content: center;
}

/* line 260, app/assets/stylesheets/admin/login.scss */
.login-page .footer-bar-left {
  justify-content: center;
  text-align: center;
}

/* line 268, app/assets/stylesheets/admin/login.scss */
.login-page .footer-bar-left,
.login-page .footer-bar .language-picker-trigger,
.login-page .footer-bar .language-picker-option {
  font-size: 14px;
}

@media (max-width: 520px) {
  /* line 281, app/assets/stylesheets/admin/login.scss */
  .login-page .footer-copyright {
    flex-basis: 100%;
  }
  /* line 285, app/assets/stylesheets/admin/login.scss */
  .login-page .footer-copyright + .footer-sep {
    display: none;
  }
}
/* line 6, app/assets/stylesheets/admin/mail_preview.scss */
.mail-preview-toolbar {
  margin-bottom: 16px;
}

/* line 9, app/assets/stylesheets/admin/mail_preview.scss */
.mail-preview-toolbar .selectable,
.mail-preview-toolbar .ts-wrapper {
  max-width: 320px;
}

/* line 15, app/assets/stylesheets/admin/mail_preview.scss */
.mail-preview-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 20, app/assets/stylesheets/admin/mail_preview.scss */
.mail-preview-list li + li {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 24, app/assets/stylesheets/admin/mail_preview.scss */
.mail-preview-list a {
  display: block;
  padding: 8px 0;
}
/* line 3, app/assets/stylesheets/admin/map.scss */
.stats-map {
  position: relative;
  aspect-ratio: 1009 / 666;
  background: #fafafa;
  border-radius: 4px;
  display: flex;
  flex: 2;
  align-items: center;
  will-change: transform;
  contain: layout style paint;
  touch-action: none;
  overscroll-behavior: contain;
}

/* line 22, app/assets/stylesheets/admin/map.scss */
.stats-map svg {
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
  touch-action: none;
  border-radius: 4px;
  background: #fafafa;
  cursor: grab;
}

/* line 29, app/assets/stylesheets/admin/map.scss */
.stats-map svg.ready {
  opacity: 1;
}

/* line 36, app/assets/stylesheets/admin/map.scss */
.stats-map svg:active {
  cursor: grabbing;
}

/* line 40, app/assets/stylesheets/admin/map.scss */
.stats-map svg path {
  fill: #ccc;
  stroke: #fff;
  stroke-width: 0.5;
  transition: fill 0.2s ease;
}

/* line 46, app/assets/stylesheets/admin/map.scss */
.stats-map svg path:hover {
  opacity: 0.85;
}

/* line 53, app/assets/stylesheets/admin/map.scss */
.map-tooltip {
  position: absolute;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 4px 8px;
  border-radius: 3px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
}

/* line 66, app/assets/stylesheets/admin/map.scss */
.map-total {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 2px 10px 4px 0;
  border-radius: 0 0 8px 0;
  font-size: 16px;
  font-weight: 700;
  color: #3D3C3B;
  z-index: 5;
  pointer-events: none;
}

/* line 78, app/assets/stylesheets/admin/map.scss */
.map-total:empty {
  display: none;
}

/* line 81, app/assets/stylesheets/admin/map.scss */
.map-legend {
  position: absolute;
  bottom: -5px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  padding: 1px 10px 0;
  border-radius: 8px 0 0 0;
}

/* line 97, app/assets/stylesheets/admin/map.scss */
.map-legend-bar {
  width: 80px;
  height: 8px;
  border-radius: 4px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--app-color, #2540F5), white 30%), var(--app-color, #2540F5));
}
/* line 5, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer {
  position: relative;
}

/* line 8, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .CodeMirror {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #3D3C3B;
  border: 1px solid #aaa;
  border-radius: 0 0 4px 4px;
  min-height: 120px;
  padding: 8px;
}

/* line 18, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar {
  border: 1px solid #aaa;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  padding: 6px 8px;
}

/* line 24, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button {
  color: #777;
  font-size: 16px;
}

/* line 29, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button.mde-btn {
  padding-top: 0;
}

/* line 31, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button:hover, .EasyMDEContainer .editor-toolbar button.active {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
  border-color: transparent;
}

/* line 37, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button.ph-preview-active {
  background: var(--app-color, #2540F5);
  color: #fff;
  border-color: color-mix(in srgb, var(--app-color, #2540F5), black 5%);
  border-radius: 4px;
}

/* line 43, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button.ph-preview-active:hover {
  background: color-mix(in srgb, var(--app-color, #2540F5), black 5%);
}

/* line 49, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button[title='Bold'] {
  font-weight: 700;
}

/* line 51, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar button[title='Italic'] {
  font-style: italic;
}

/* line 54, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-toolbar i.separator {
  border-left-color: #dedede;
  border-right-color: transparent;
}

/* line 61, app/assets/stylesheets/admin/markdown_editor.scss */
.EasyMDEContainer .editor-preview-full.editor-preview-active {
  display: block;
}

/* line 72, app/assets/stylesheets/admin/markdown_editor.scss */
.cm-s-easymde .cm-header-1 {
  font-size: 22px;
}

/* line 73, app/assets/stylesheets/admin/markdown_editor.scss */
.cm-s-easymde .cm-header-2 {
  font-size: 19px;
}

/* line 74, app/assets/stylesheets/admin/markdown_editor.scss */
.cm-s-easymde .cm-header-3 {
  font-size: 17px;
}

/* line 75, app/assets/stylesheets/admin/markdown_editor.scss */
.cm-s-easymde .cm-header-4,
.cm-s-easymde .cm-header-5,
.cm-s-easymde .cm-header-6 {
  font-size: 16px;
}

/* line 81, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-more-menu {
  min-width: 120px;
}

/* line 86, app/assets/stylesheets/admin/markdown_editor.scss */
.cm-placeholder-token {
  background: color-mix(in srgb, var(--app-color, #2540F5) 10%, transparent);
  color: var(--app-color, #2540F5);
  border-radius: 2px;
  padding: 0 2px;
}

/* line 98, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown {
  position: absolute;
  z-index: 10;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  min-width: 220px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 109, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown > input[type='search'] {
  display: block;
  width: auto;
  margin: 6px 8px;
}

/* line 116, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown .ph-list {
  max-height: 220px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown .ph-list::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown .ph-list::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown .ph-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.ph-dropdown .ph-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 123, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown .ph-item {
  font-weight: 400;
  font-style: normal;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 13px;
  color: #3D3C3B;
  text-align: left;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  cursor: pointer;
  border: none;
  background: none;
  box-sizing: border-box;
}

/* line 137, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown .ph-item:hover {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 142, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown .ph-item.ph-has-attrs::after {
  content: '\25B8';
  float: right;
  margin-left: 8px;
  color: #bababa;
  font-size: 10px;
}

/* line 153, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-nav-key {
  color: #0A8340;
  font-weight: 700;
}

/* line 162, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode {
  padding: 10px 12px;
}

/* line 165, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode h3 {
  margin: 0 0 8px;
}

/* line 169, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-fields {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 175, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 180, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-field label {
  min-width: 80px;
  text-align: right;
  white-space: nowrap;
  opacity: 0.8;
}

/* line 188, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-field.ph-required label {
  opacity: 1;
}

/* line 192, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-field input, .ph-dropdown.ph-attr-mode .ph-field select {
  flex: 1;
  min-width: 0;
}

/* line 197, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-field.ph-error input, .ph-dropdown.ph-attr-mode .ph-field.ph-error select, .ph-dropdown.ph-attr-mode .ph-field.ph-error .ts-wrapper {
  outline: 2px solid #AB2430;
  border-radius: 4px;
}

/* line 205, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-field .ts-wrapper {
  flex: 1;
  min-width: 0;
}

/* line 211, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-dropdown.ph-attr-mode .ph-actions {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #e8e8e8;
  display: flex;
  justify-content: center;
  gap: 6px;
}

/* line 225, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview {
  position: absolute;
  inset: 0;
  z-index: 8;
  background: #fff;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.ph-preview::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.ph-preview::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.ph-preview::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.ph-preview::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 234, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@keyframes ph-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 245, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-spinner {
  display: block;
  width: 24px;
  height: 24px;
  border: 3px solid #dedede;
  border-top-color: var(--app-color, #2540F5);
  border-radius: 50%;
  animation: ph-spin 0.6s linear infinite;
}

/* line 255, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-empty {
  padding: 16px;
  color: #777;
  font-style: italic;
}

/* line 261, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content {
  font-weight: 400;
  font-style: normal;
  padding: 16px;
  font-size: 16px;
  color: #3D3C3B;
  line-height: 1.6;
}

/* line 268, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content p {
  margin: 0 0 1em;
}

/* line 269, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content a {
  color: var(--app-color, #2540F5);
}

/* line 273, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content h1, .ph-preview-content h2, .ph-preview-content h3, .ph-preview-content h4, .ph-preview-content h5, .ph-preview-content h6 {
  font-weight: 700;
  line-height: 1.3;
  margin: 1.4em 0 0.5em;
}

/* line 278, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content h1 {
  font-size: 24px;
}

/* line 279, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content h2 {
  font-size: 20px;
}

/* line 280, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content h3 {
  font-size: 17px;
}

/* line 281, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content h4, .ph-preview-content h5, .ph-preview-content h6 {
  font-size: 16px;
}

/* line 282, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content > :first-child {
  margin-top: 0;
}

/* line 286, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content ul, .ph-preview-content ol {
  margin: 0 0 1em;
  padding-left: 24px;
}

/* line 290, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content li {
  margin: 0 0 0.35em;
}

/* line 291, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content li > ul, .ph-preview-content li > ol {
  margin: 0.35em 0 0;
}

/* line 293, app/assets/stylesheets/admin/markdown_editor.scss */
.ph-preview-content.error {
  color: #AB2430;
}
/* line 6, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-index {
  flex: 1;
  min-width: 0;
  padding: 0 22px 22px;
  box-sizing: border-box;
  overflow-y: auto;
}

/* line 16, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-toolbar {
  align-items: center;
  justify-content: center;
}

/* line 20, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-toolbar .mediafile-toolbar-search {
  flex: 0 1 260px;
  margin: 0;
}

/* line 23, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-toolbar .mediafile-toolbar-search .input {
  width: 100%;
}

/* line 26, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-toolbar .mediafile-toolbar-kind {
  width: 120px;
  flex-shrink: 0;
}

/* line 29, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-wrapper {
  flex: 1;
  min-height: 0;
}

/* line 31, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-count {
  margin-bottom: 8px;
}

/* line 33, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-count em {
  color: #bababa;
  font-style: normal;
}

/* line 36, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 160px);
  gap: 12px;
  justify-content: center;
}

@media (max-width: 480px) {
  /* line 36, app/assets/stylesheets/admin/mediafile.scss */
  .mediafile-grid {
    grid-template-columns: repeat(auto-fit, 140px);
    gap: 8px;
  }
}

/* line 48, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-count {
  text-align: center;
}

/* line 52, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-empty {
  padding: 60px 0;
  text-align: center;
}

/* line 55, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-empty em {
  color: #bababa;
  font-style: normal;
}

/* line 58, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  transition: background 0.1s;
  text-decoration: none;
  color: inherit;
}

/* line 69, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-item:hover {
  background: #fafafa;
}

/* line 74, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-item .mediafile-tile {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

/* line 81, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-item-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 4px;
}

/* line 88, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-item-name {
  font-weight: 500;
  font-size: 13px;
  color: #3D3C3B;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 97, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-grid-item-locales {
  font-size: 11px;
  color: #bababa;
  letter-spacing: 0.5px;
}

/* line 103, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-modal-tile-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 22px;
}

/* line 111, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-modal-tile-wrap .mediafile-tile {
  width: auto;
  height: auto;
  max-width: 330px;
  max-height: 220px;
  border: none;
  background: transparent;
}

/* line 118, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-modal-tile-wrap .mediafile-tile img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: initial;
  display: block;
}

/* line 129, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone {
  position: relative;
  border: 2px dashed #dedede;
  border-radius: 4px;
  background: #fafafa;
  padding: 36px 20px;
  margin-bottom: 22px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.1s, background 0.1s;
}

/* line 140, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone:hover {
  border-color: var(--app-color, #2540F5);
  background: color-mix(in srgb, var(--app-color, #2540F5) 4%, transparent);
}

/* line 145, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone.is-dragging {
  border-color: var(--app-color, #2540F5);
  background: color-mix(in srgb, var(--app-color, #2540F5) 8%, transparent);
}

/* line 150, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone.is-uploading {
  pointer-events: none;
  opacity: 0.6;
}

/* line 155, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone .mediafile-dropzone-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

/* line 162, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone .mediafile-dropzone-text {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 168, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone .mediafile-dropzone-text strong {
  font-size: 16px;
  color: #3D3C3B;
}

/* line 172, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-dropzone .mediafile-dropzone-text em.note {
  color: #bababa;
  font-style: normal;
  font-size: 11px;
}

/* line 180, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-upload-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 189, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-upload-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  background: #fafafa;
  font-size: 13px;
}

/* line 199, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-upload-row.is-done {
  background: color-mix(in srgb, var(--app-color, #2540F5) 6%, transparent);
}

/* line 200, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-upload-row.is-error {
  background: rgba(255, 0, 0, 0.06);
}

/* line 203, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-upload-row-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3D3C3B;
}

/* line 212, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-upload-row-status {
  flex-shrink: 0;
  color: #bababa;
}

/* line 216, app/assets/stylesheets/admin/mediafile.scss */
.is-done .mediafile-upload-row-status {
  color: var(--app-color, #2540F5);
  font-weight: 600;
}

/* line 217, app/assets/stylesheets/admin/mediafile.scss */
.is-error .mediafile-upload-row-status {
  color: red;
}

/* line 222, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-header {
  margin-bottom: 22px;
  display: flex;
  justify-content: flex-start;
}

/* line 228, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 256px;
  height: 256px;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fafafa;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  flex-shrink: 0;
}

/* line 242, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 252, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile.mediafile-tile-image, .mediafile-tile.mediafile-tile-vector {
  background-color: #fff;
  background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%), linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%), linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);
  background-size: 16px 16px;
  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
}

/* line 264, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile.mediafile-tile-vector img, .mediafile-tile.mediafile-tile-fit img {
  object-fit: contain;
  padding: 24px;
  box-sizing: border-box;
}

/* line 271, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile.mediafile-tile-document, .mediafile-tile.mediafile-tile-other {
  background: #fafafa;
  color: #bababa;
}

/* line 280, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile-extension {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 140px;
  background: #fff;
  color: var(--app-color, #2540F5);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1px;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  position: relative;
}

/* line 297, app/assets/stylesheets/admin/mediafile.scss */
.mediafile-tile-extension::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 18px 18px 0;
  border-color: transparent #fafafa transparent transparent;
}
/* line 9, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 60vh;
  max-height: 75vh;
}

/* line 23, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* line 26, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker--upload .mediafile-picker-uploader {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* line 31, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker--upload .uploader-dropzone {
  flex: 1;
}

/* line 35, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned {
  flex-shrink: 0;
  max-height: 140px;
  overflow-y: auto;
}

/* line 36, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned:empty {
  display: none;
}

/* line 45, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-empty {
  color: #777;
  font-style: italic;
  font-size: 14px;
}

/* line 51, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tiles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  justify-content: start;
  gap: 8px;
}

/* line 73, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile {
  position: relative;
  cursor: grab;
  user-select: none;
  touch-action: none;
}

/* line 87, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile.is-dragging {
  opacity: 0.5;
  cursor: grabbing;
}

/* line 94, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-drag-clone {
  cursor: grabbing;
  list-style: none;
  display: block;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  transition: opacity 0.15s;
}

/* line 108, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-drag-clone.is-outside-bounds {
  opacity: 0.4;
}

/* line 113, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  overflow: hidden;
  background: #fafafa;
}

/* line 121, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 134, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background: rgba(171, 36, 48, 0.6);
  border: 1px solid rgba(171, 36, 48, 0.7);
  box-sizing: border-box;
  opacity: 0.55;
  pointer-events: none;
  transition: opacity 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 154, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile-remove::before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-trash);
  mask-image: var(--icon-trash);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 13px;
  height: 13px;
  color: #fff;
}

/* line 162, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-assigned-tile:hover
.mediafile-picker-assigned-tile-remove {
  opacity: 1;
}

/* line 168, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-uploader {
  flex-shrink: 0;
}

/* line 172, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-dropzone {
  position: relative;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 24px;
  text-align: center;
  color: #777;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, opacity 0.15s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* line 194, app/assets/stylesheets/admin/mediafile_picker.scss */
.modal.is-tile-dragging .uploader-dropzone {
  pointer-events: none;
  opacity: 0.4;
}

/* line 199, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-dropzone:hover, .uploader-dropzone.is-dragging {
  border-color: var(--app-color, #2540F5);
  background: rgba(37, 93, 186, 0.04);
  color: #3D3C3B;
}

/* line 206, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-dropzone.is-uploading {
  opacity: 0.7;
  pointer-events: none;
}

/* line 208, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-dropzone strong {
  display: block;
  font-size: 15px;
}

/* line 210, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-dropzone em.uploader-types {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  font-style: normal;
  color: #777;
}

/* line 219, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 232, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-row {
  --progress: 0%;
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 13px;
  opacity: 1;
  transition: opacity 3s ease, background 0.3s ease;
  background: linear-gradient(to right, color-mix(in srgb, var(--app-color, #2540F5) 20%, transparent) var(--progress), rgba(0, 0, 0, 0.05) var(--progress));
}

/* line 249, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-row.is-done {
  background: rgba(10, 131, 64, 0.25);
}

/* line 253, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-row.is-error {
  background: linear-gradient(to right, rgba(171, 36, 48, 0.25) var(--progress), rgba(0, 0, 0, 0.05) var(--progress));
}

/* line 261, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-row.is-fading {
  opacity: 0;
}

/* line 264, app/assets/stylesheets/admin/mediafile_picker.scss */
.uploader-row-text {
  position: relative;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3D3C3B;
}

/* line 274, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-toolbar {
  flex-shrink: 0;
}

/* line 276, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-toolbar .search {
  flex: 1;
}

/* line 279, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-grid {
  flex: 1;
  min-height: 220px;
  overflow: auto;
}

@media (max-width: 559px) {
  /* line 292, app/assets/stylesheets/admin/mediafile_picker.scss */
  .mediafile-picker {
    gap: 12px;
    min-height: 0;
    max-height: none;
  }
  /* line 300, app/assets/stylesheets/admin/mediafile_picker.scss */
  .mediafile-picker-assigned {
    max-height: 130px;
  }
  /* line 304, app/assets/stylesheets/admin/mediafile_picker.scss */
  .uploader-dropzone {
    padding: 12px;
  }
  /* line 306, app/assets/stylesheets/admin/mediafile_picker.scss */
  .uploader-dropzone .uploader-types {
    font-size: 11px;
  }
  /* line 311, app/assets/stylesheets/admin/mediafile_picker.scss */
  .mediafile-picker-grid {
    min-height: 180px;
  }
}

/* line 316, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tiles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  justify-content: start;
  gap: 8px;
}

/* line 331, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  transition: background 0.1s;
}

/* line 341, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile:hover {
  background: #fafafa;
}

/* line 345, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile .mediafile-tile {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

/* line 355, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile.is-assigned {
  display: none;
}

/* line 358, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile-name {
  font-size: 13px;
  color: #3D3C3B;
  padding: 0 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 367, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile-check {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--app-color, #2540F5);
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  pointer-events: none;
  z-index: 1;
}

/* line 382, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-tile-check::before {
  content: '\2713';
}

/* line 385, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-empty {
  text-align: center;
  padding: 32px;
  color: #777;
}

/* line 391, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-picker-more {
  margin-top: 12px;
  text-align: center;
}

/* line 397, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-field {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* line 403, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-field-tile {
  width: 96px;
  height: 96px;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  flex-shrink: 0;
}

/* line 416, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-field-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 423, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-field-tile:hover {
  border-color: var(--app-color, #2540F5);
}

/* line 426, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-field-placeholder {
  font-size: 28px;
  color: #777;
}

/* line 431, app/assets/stylesheets/admin/mediafile_picker.scss */
.mediafile-field-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
/* line 16, app/assets/stylesheets/admin/menu.scss */
.menu-overlay {
  flex-basis: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.3s ease, opacity 0.2s ease;
  display: flex;
  flex-direction: column;
}

/* line 25, app/assets/stylesheets/admin/menu.scss */
.menu-overlay.open {
  height: calc(100dvh - 50px);
  opacity: 1;
}

/* line 32, app/assets/stylesheets/admin/menu.scss */
.menu-search {
  flex-shrink: 0;
  padding: 12px 0 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 40, app/assets/stylesheets/admin/menu.scss */
.menu-search .menu-home {
  flex-shrink: 0;
  padding: 0 8px;
  min-width: auto;
  box-sizing: border-box;
  height: 34px;
}

/* line 46, app/assets/stylesheets/admin/menu.scss */
.menu-search .menu-home .icon {
  margin: 0;
  top: 0;
  font-size: 1em;
}

/* line 49, app/assets/stylesheets/admin/menu.scss */
.menu-search input {
  width: 100%;
  height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 9px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  outline: none;
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
}

/* line 61, app/assets/stylesheets/admin/menu.scss */
.menu-search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 68, app/assets/stylesheets/admin/menu.scss */
.menu-search input::selection {
  background: #fff;
  color: #2540F5;
}

/* line 73, app/assets/stylesheets/admin/menu.scss */
.menu-search input:focus {
  background-color: rgba(0, 0, 0, 0.18);
  border-color: rgba(255, 255, 255, 0.4);
}

/* line 78, app/assets/stylesheets/admin/menu.scss */
.menu-search input[type="search"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 979 979'%3E%3Cpath fill='%238ea4cc' d='M403 0c222 0 403 181 403 403 0 90-30 172-79 239l252 252c23 23 23 61 0 85-24 23-62 23-85 0l-252-252c-67 49-149 79-239 79-222 0-403-181-403-403 0-222 181-403 403-403zm4 130c-153 0-277 124-277 277 0 154 124 278 277 278 154 0 278-124 278-278 0-153-124-277-278-277z'/%3E%3C/svg%3E");
}

/* line 85, app/assets/stylesheets/admin/menu.scss */
.menu-divider {
  flex-shrink: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin: 22px 0 0;
}

/* line 93, app/assets/stylesheets/admin/menu.scss */
.menu-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 22px 0 22px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

@media (max-width: 700px) {
  /* line 93, app/assets/stylesheets/admin/menu.scss */
  .menu-scroll {
    scrollbar-gutter: auto;
  }
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.menu-scroll::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.menu-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.menu-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.menu-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* line 111, app/assets/stylesheets/admin/menu.scss */
.menu-groups {
  column-count: 1;
  column-gap: 16.5px;
}

@media (min-width: 380px) {
  /* line 111, app/assets/stylesheets/admin/menu.scss */
  .menu-groups {
    column-count: 2;
  }
}

@media (min-width: 480px) {
  /* line 111, app/assets/stylesheets/admin/menu.scss */
  .menu-groups {
    column-gap: 16.5px;
  }
}

@media (min-width: 680px) {
  /* line 111, app/assets/stylesheets/admin/menu.scss */
  .menu-groups {
    column-count: 3;
  }
}

/* line 126, app/assets/stylesheets/admin/menu.scss */
.menu-group {
  break-inside: avoid;
  margin-bottom: 20px;
}

/* line 130, app/assets/stylesheets/admin/menu.scss */
.menu-group.hidden {
  display: none;
}

/* line 134, app/assets/stylesheets/admin/menu.scss */
.menu-group ul {
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

/* line 141, app/assets/stylesheets/admin/menu.scss */
.menu-group-label {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  padding-bottom: 11px;
  overflow: visible;
}

/* line 151, app/assets/stylesheets/admin/menu.scss */
.menu-group-label .icon {
  display: inline-block;
  width: 1.2em;
  text-align: center;
}

/* line 158, app/assets/stylesheets/admin/menu.scss */
.menu-item {
  list-style: none;
  position: relative;
}

/* line 162, app/assets/stylesheets/admin/menu.scss */
.menu-item.hidden {
  display: none;
}

/* line 169, app/assets/stylesheets/admin/menu.scss */
.menu-item:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 173, app/assets/stylesheets/admin/menu.scss */
.menu-item a {
  display: block;
  padding: 6px 8px 8px 8px;
  line-height: 120%;
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  border: none;
}

@media (hover: hover) {
  /* line 173, app/assets/stylesheets/admin/menu.scss */
  .menu-item a {
    padding-right: 28px;
  }
}

/* line 185, app/assets/stylesheets/admin/menu.scss */
.menu-item a:hover {
  color: #fff;
}

/* line 189, app/assets/stylesheets/admin/menu.scss */
.menu-item a.current {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: 700;
}

/* line 197, app/assets/stylesheets/admin/menu.scss */
.menu-fav {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(calc(-50% - 1px));
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  opacity: 0;
}

/* line 208, app/assets/stylesheets/admin/menu.scss */
.menu-fav .icon {
  font-size: 0.7em;
  margin: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.4);
}

/* line 216, app/assets/stylesheets/admin/menu.scss */
.menu-fav.active .icon {
  color: rgba(255, 255, 255, 0.85);
}

/* line 219, app/assets/stylesheets/admin/menu.scss */
.menu-item:hover .menu-fav {
  opacity: 1;
}

@media (hover: none) {
  /* line 197, app/assets/stylesheets/admin/menu.scss */
  .menu-fav {
    opacity: 0 !important;
  }
  /* line 226, app/assets/stylesheets/admin/menu.scss */
  .menu-fav.touched {
    opacity: 1 !important;
  }
}

/* line 233, app/assets/stylesheets/admin/menu.scss */
.menu-group-favorites .menu-group-label .icon {
  font-size: 1.1em;
  margin: 0 4px 0 0;
  top: 0;
  color: rgba(255, 255, 255, 0.6);
}

/* line 242, app/assets/stylesheets/admin/menu.scss */
.menu-dashboard {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* line 248, app/assets/stylesheets/admin/menu.scss */
.menu-dashboard-link {
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
}

/* line 259, app/assets/stylesheets/admin/menu.scss */
.menu-dashboard-link:hover {
  background: rgba(255, 255, 255, 0.1);
}
/* line 4, app/assets/stylesheets/admin/message.scss */
.admin-message ul.delivery-errors {
  border-color: #AB2430;
  color: #AB2430;
  margin-bottom: 20px;
}
/* line 24, app/assets/stylesheets/shared/_mfa.scss */
.mfa-hint {
  font-size: 14px;
  color: #777;
  margin: 0 0 22px;
}

/* line 30, app/assets/stylesheets/shared/_mfa.scss */
.mfa-qr {
  text-align: center;
  margin-bottom: 22px;
}

/* line 34, app/assets/stylesheets/shared/_mfa.scss */
.mfa-qr svg {
  width: 200px;
  height: 200px;
}

/* line 40, app/assets/stylesheets/shared/_mfa.scss */
.mfa-manual-key {
  text-align: center;
  margin-bottom: 22px;
  font-size: 13px;
}

/* line 45, app/assets/stylesheets/shared/_mfa.scss */
.mfa-manual-key strong {
  display: block;
  color: #777;
  margin-bottom: 4px;
}

/* line 51, app/assets/stylesheets/shared/_mfa.scss */
.mfa-manual-key code {
  font-size: 14px;
  letter-spacing: 2px;
  color: #3D3C3B;
  background: #fafafa;
  padding: 6px 12px;
  border-radius: 4px;
}

/* line 62, app/assets/stylesheets/shared/_mfa.scss */
.otp-input {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 4px 0;
}

/* line 72, app/assets/stylesheets/shared/_mfa.scss */
.otp-input input.otp-input__cell {
  width: 38px;
  height: 52px;
  flex: 0 0 auto;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 32px;
  line-height: 1;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}

/* line 85, app/assets/stylesheets/shared/_mfa.scss */
.otp-input input.otp-input__cell:focus {
  outline: none;
  border-color: #0A8340;
}

/* line 92, app/assets/stylesheets/shared/_mfa.scss */
.mfa-code-input {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 28px !important;
  letter-spacing: 12px !important;
  text-align: center !important;
  padding: 10px 16px !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 260px;
}

/* line 104, app/assets/stylesheets/shared/_mfa.scss */
.mfa-form .field {
  margin-bottom: 16px;
}

/* line 108, app/assets/stylesheets/shared/_mfa.scss */
.mfa-form label {
  display: block;
  font-weight: 700;
  font-size: 13px;
  color: #777;
  margin-bottom: 5px;
}

/* line 117, app/assets/stylesheets/shared/_mfa.scss */
.mfa-form--centered {
  text-align: center;
}

/* line 120, app/assets/stylesheets/shared/_mfa.scss */
.mfa-form--centered label {
  text-align: center;
}

/* line 125, app/assets/stylesheets/shared/_mfa.scss */
.mfa-note {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

/* line 132, app/assets/stylesheets/shared/_mfa.scss */
.mfa-warning {
  font-size: 14px;
  color: #AB2430;
  background: rgba(171, 36, 48, 0.15);
  padding: 10px 14px;
  border-radius: 4px;
  margin: 0 0 22px;
}

/* line 141, app/assets/stylesheets/shared/_mfa.scss */
.mfa-codes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 22px;
}

/* line 148, app/assets/stylesheets/shared/_mfa.scss */
.mfa-code {
  font-size: 15px;
  letter-spacing: 1px;
  text-align: center;
  padding: 8px;
  background: #fafafa;
  border-radius: 4px;
}

/* line 159, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section h2 {
  margin: 0 0 12px;
}

/* line 163, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section h3 {
  margin: 22px 0 8px;
}

/* line 173, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section__row {
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 0;
}

/* line 177, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section__row:first-of-type {
  padding-top: 6px;
}

/* line 181, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section__row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* line 186, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section__row > label {
  display: block;
  font-weight: 700;
  font-size: 16px;
  color: #3D3C3B;
  margin-bottom: 6px;
}

/* line 194, app/assets/stylesheets/shared/_mfa.scss */
.mfa-section__row > .mfa-note {
  font-size: 14px;
  line-height: 1.6;
  max-width: 64ch;
  margin: 0 0 14px;
}

/* line 202, app/assets/stylesheets/shared/_mfa.scss */
.mfa-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* line 210, app/assets/stylesheets/shared/_mfa.scss */
.mfa-badge {
  font-weight: 700;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 3px;
  background: rgba(10, 131, 64, 0.15);
  color: #0A8340;
}

/* line 219, app/assets/stylesheets/shared/_mfa.scss */
.mfa-badge-off {
  background: #fafafa;
  color: #777;
}

/* line 225, app/assets/stylesheets/shared/_mfa.scss */
.mfa-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 232, app/assets/stylesheets/shared/_mfa.scss */
.mfa-expand {
  display: flex;
  align-items: center;
}

/* line 236, app/assets/stylesheets/shared/_mfa.scss */
.mfa-expand .mfa-expand-panel {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  transition: max-width 0.25s ease, opacity 0.2s ease, margin 0.25s ease;
  margin-left: 0;
}

/* line 247, app/assets/stylesheets/shared/_mfa.scss */
.mfa-expand.expanded .mfa-expand-panel {
  max-width: 300px;
  opacity: 1;
  margin-left: 8px;
}

/* line 253, app/assets/stylesheets/shared/_mfa.scss */
.mfa-expand .mfa-expand-panel input {
  width: 160px;
  border-radius: 4px 0 0 4px;
  border-right: none;
}

/* line 259, app/assets/stylesheets/shared/_mfa.scss */
.mfa-expand .mfa-expand-panel .button {
  border-radius: 0 4px 4px 0;
  white-space: nowrap;
}

/* line 265, app/assets/stylesheets/shared/_mfa.scss */
.mfa-key-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 271, app/assets/stylesheets/shared/_mfa.scss */
.mfa-key-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 0;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
}

/* line 279, app/assets/stylesheets/shared/_mfa.scss */
.mfa-key-item:last-child {
  border-bottom: none;
}

/* line 284, app/assets/stylesheets/shared/_mfa.scss */
.mfa-key-name {
  font-weight: 700;
  flex: 1;
}

/* line 289, app/assets/stylesheets/shared/_mfa.scss */
.mfa-key-date {
  font-size: 12px;
  color: #777;
}

/* line 294, app/assets/stylesheets/shared/_mfa.scss */
.mfa-key-remove {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  color: #AB2430;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

/* line 304, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register {
  margin-top: 14px;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

/* line 310, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register .field {
  margin: 0;
  flex: 0 0 auto;
  padding: 0;
}

/* line 315, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register .field label {
  font-size: 13px;
  color: #777;
  margin-bottom: 5px;
}

/* line 321, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register .field input {
  width: 240px;
}

/* line 326, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register .button {
  margin: 0;
}

/* line 334, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register--stacked {
  display: block;
}

/* line 338, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register__label {
  display: block;
  font-size: 13px;
  color: #777;
  margin-bottom: 5px;
}

/* line 345, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

/* line 356, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register__row .field {
  flex: 1 1 200px;
  min-width: 0;
}

/* line 361, app/assets/stylesheets/shared/_mfa.scss */
.mfa-register__row input {
  width: 100%;
  height: 33px;
  box-sizing: border-box;
}
/* line 13, app/assets/stylesheets/shared/_modal.scss */
#modals {
  position: relative;
  z-index: 5000;
}

/* line 22, app/assets/stylesheets/shared/_modal.scss */
html.modal-open,
html.modal-open body {
  overflow: hidden;
}

/* line 36, app/assets/stylesheets/shared/_modal.scss */
html.modal-open {
  scrollbar-gutter: auto;
}

/* line 40, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay,
.confirm {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(3px);
  z-index: 5000;
  display: flex;
  --modal-overlay-pad: 10px;
  padding: var(--modal-overlay-pad);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

/* line 62, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal,
.confirm .modal {
  max-width: 640px;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  margin: auto;
  display: flex;
  flex-direction: column;
  clip-path: inset(0 round 10px);
}

/* line 89, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .center .button,
.modal-overlay .actions .button,
.confirm .center .button,
.confirm .actions .button {
  margin: 0 8px;
}

/* line 94, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-header,
.confirm .modal-header {
  position: sticky;
  top: calc(-1 * var(--modal-overlay-pad));
  z-index: 2;
  background: linear-gradient(180deg, var(--app-color, #2540F5), color-mix(in srgb, var(--app-color, #2540F5), white 18%));
  height: 50px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  margin: 0;
  color: #fff;
  font-size: 1.3em;
}

/* line 127, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-header > h1, .modal-overlay .modal-header > h2, .modal-overlay .modal-header > h3, .modal-overlay .modal-header > span,
.confirm .modal-header > h1,
.confirm .modal-header > h2,
.confirm .modal-header > h3,
.confirm .modal-header > span {
  font-size: inherit;
  margin: 0;
  color: inherit;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 139, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .toggle-modal-close,
.confirm .toggle-modal-close {
  background: none;
  border: none;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.85;
}

/* line 155, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .toggle-modal-close:hover,
.confirm .toggle-modal-close:hover {
  opacity: 1;
}

/* line 161, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-body .form-actions,
.confirm .modal-body .form-actions {
  justify-content: center;
}

/* line 167, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-body:has(.modal-spinner),
.confirm .modal-body:has(.modal-spinner) {
  min-height: 200px;
}

/* line 171, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-spinner,
.confirm .modal-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
}

/* line 178, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-spinner-circle,
.confirm .modal-spinner-circle {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(0, 0, 0, 0.15);
  border-top-color: var(--app-color, #2540F5);
  border-radius: 50%;
  animation: modal-spin 0.6s linear infinite;
}

/* line 187, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-body,
.confirm .modal-body {
  padding: 22px 22px 24px;
  overflow-x: auto;
}

/* line 199, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-body > :first-child,
.confirm .modal-body > :first-child {
  margin-top: 0;
}

/* line 203, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-body .stats li .label,
.confirm .modal-body .stats li .label {
  max-width: none;
  width: auto;
}

/* line 207, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-body .stats .png,
.confirm .modal-body .stats .png {
  max-width: 180px;
  height: auto;
}

/* line 219, app/assets/stylesheets/shared/_modal.scss */
.modal-overlay .modal-footer,
.confirm .modal-footer {
  position: sticky;
  bottom: calc(-1 * var(--modal-overlay-pad));
  z-index: 2;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 0 0 10px 10px;
}

@keyframes modal-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 399px) {
  /* line 241, app/assets/stylesheets/shared/_modal.scss */
  .modal-overlay {
    --modal-overlay-pad: 0px;
    padding: 0;
  }
  /* line 248, app/assets/stylesheets/shared/_modal.scss */
  .modal-overlay .modal {
    max-width: none;
    width: 100%;
    min-height: 100vh;
    border-radius: 0;
  }
  /* line 254, app/assets/stylesheets/shared/_modal.scss */
  .modal-overlay .modal-header {
    border-radius: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  }
  /* line 258, app/assets/stylesheets/shared/_modal.scss */
  .modal-overlay .modal-body,
.modal-overlay .modal-footer {
    border-radius: 0;
  }
}

/* line 266, app/assets/stylesheets/shared/_modal.scss */
.newsletter-modal__intro {
  margin: 0 0 20px;
  line-height: 1.6;
  font-style: italic;
}

/* line 8, app/assets/stylesheets/admin/modal.scss */
.mediafile-manager-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

/* line 20, app/assets/stylesheets/admin/modal.scss */
.mediafile-manager-modal.active {
  display: flex;
}
/* line 5, app/assets/stylesheets/admin/model.scss */
.model .active-tasks {
  margin-top: 22px;
}

/* line 8, app/assets/stylesheets/admin/model.scss */
.model .stats {
  height: auto;
  border-radius: 4px;
  box-sizing: border-box;
}

/* line 12, app/assets/stylesheets/admin/model.scss */
.model .stats .value {
  text-align: left;
}

/* line 16, app/assets/stylesheets/admin/model.scss */
.model .stats.help {
  display: block;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.5;
  padding: 12px 15px;
  color: #777;
}

/* line 24, app/assets/stylesheets/admin/model.scss */
.model .stats.help:before {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-info);
  mask-image: var(--icon-info);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 2.2em;
  height: 2.2em;
  float: left;
  margin: 8px 22px 4px 0;
}

/* line 33, app/assets/stylesheets/admin/model.scss */
.model .server-certs {
  margin: 0;
}

/* line 35, app/assets/stylesheets/admin/model.scss */
.model .server-certs li {
  border-left: 3px solid transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 6px 0 6px 10px;
}

/* line 132, app/assets/stylesheets/admin/_variables.scss */
.model .server-certs li.alert, .model .server-certs li.failed {
  border-left: 3px solid #AB2430;
}

/* line 133, app/assets/stylesheets/admin/_variables.scss */
.model .server-certs li.warn, .model .server-certs li.reverted {
  border-left: 3px solid #D4872A;
}

/* line 134, app/assets/stylesheets/admin/_variables.scss */
.model .server-certs li.success, .model .server-certs li.completed {
  border-left: 3px solid #0A8340;
}

/* line 135, app/assets/stylesheets/admin/_variables.scss */
.model .server-certs li.info, .model .server-certs li.running, .model .server-certs li.importing, .model .server-certs li.restoring, .model .server-certs li.validating {
  border-left: 3px solid var(--app-color, #2540F5);
}

/* line 40, app/assets/stylesheets/admin/model.scss */
.model .server-certs li:first-child {
  border-top: 0;
}

/* line 42, app/assets/stylesheets/admin/model.scss */
.model .server-certs .server-cert-domain {
  display: block;
}

/* line 43, app/assets/stylesheets/admin/model.scss */
.model .server-certs .server-cert-detail {
  display: block;
  color: #777;
  font-size: 15px;
}

/* line 49, app/assets/stylesheets/admin/model.scss */
.model .section {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  padding: 22px 0;
  margin-bottom: 0;
}

/* line 53, app/assets/stylesheets/admin/model.scss */
.model .section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* line 57, app/assets/stylesheets/admin/model.scss */
.model .section h2 {
  margin-top: 0;
  padding-top: 0;
}

/* line 61, app/assets/stylesheets/admin/model.scss */
.model .section .checklist li {
  border-bottom: 0;
}

/* line 65, app/assets/stylesheets/admin/model.scss */
.model .link {
  padding-bottom: 20px;
}

/* line 68, app/assets/stylesheets/admin/model.scss */
.model .note .placeholder {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 13px;
  background: rgba(0, 0, 0, 0.05);
  padding: 0 2px;
  margin-right: 5px;
  display: inline-block;
}

/* line 77, app/assets/stylesheets/admin/model.scss */
.model .overview-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  margin-bottom: 22px;
}

/* line 82, app/assets/stylesheets/admin/model.scss */
.model .overview-table th {
  text-align: left;
  font-weight: 700;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 88, app/assets/stylesheets/admin/model.scss */
.model .overview-table .count {
  text-align: right;
}

/* line 89, app/assets/stylesheets/admin/model.scss */
.model .overview-table td {
  padding: 5px 8px;
  border-bottom: 1px solid #dedede;
}

/* line 93, app/assets/stylesheets/admin/model.scss */
.model .overview-table a {
  color: var(--app-color, #2540F5);
}

/* line 97, app/assets/stylesheets/admin/model.scss */
.dpp-media {
  display: flex;
  gap: 22px;
  margin-bottom: 22px;
}

/* line 101, app/assets/stylesheets/admin/model.scss */
.dpp-media .png {
  width: 150px;
  height: 150px;
  flex-shrink: 0;
  object-fit: contain;
}

/* line 107, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-links {
  flex: 1;
  min-width: 0;
}

/* line 111, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-link {
  margin-bottom: 10px;
}

/* line 113, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-link label {
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

/* line 118, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-link .dpp-url-copy {
  display: flex;
  gap: 6px;
}

/* line 121, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-link .dpp-url-copy input {
  flex: 1;
  min-width: 0;
  font-size: 13px;
}

/* line 128, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-downloads {
  margin-top: 10px;
}

/* line 130, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-downloads label {
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

/* line 135, app/assets/stylesheets/admin/model.scss */
.dpp-media .dpp-downloads .dpp-download-buttons {
  display: flex;
  gap: 6px;
}

/* line 146, app/assets/stylesheets/admin/model.scss */
.event-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* line 151, app/assets/stylesheets/admin/model.scss */
.event-item .event-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 158, app/assets/stylesheets/admin/model.scss */
.event-item .event-item-info .transition {
  font-size: 11px;
  color: #777;
}

/* line 162, app/assets/stylesheets/admin/model.scss */
.event-item .event-item-info .timestamp {
  font-size: 11px;
  color: #777;
}

/* line 168, app/assets/stylesheets/admin/model.scss */
.event-item .event-item-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* line 174, app/assets/stylesheets/admin/model.scss */
.event-item .event-item-meta .pending-badge {
  font-size: 11px;
  font-style: italic;
  color: #777;
}

/* line 182, app/assets/stylesheets/admin/model.scss */
.event-item .event-item-meta .sealing-badge {
  font-size: 11px;
  font-style: italic;
  color: #D4872A;
}

/* line 193, app/assets/stylesheets/admin/model.scss */
.version-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* line 198, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 205, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-info .timestamp {
  font-size: 11px;
  color: #777;
}

/* line 211, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* line 217, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-meta .validation-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* line 222, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-meta .validation-badge .validation-icon {
  font-size: 16px;
  margin: 0;
}

/* line 226, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-meta .validation-badge .validation-count {
  font-size: 11px;
  font-weight: 700;
}

/* line 231, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-meta .validation-badge.ok {
  color: #0A8340;
}

/* line 232, app/assets/stylesheets/admin/model.scss */
.version-item .version-item-meta .validation-badge.warn {
  color: #D4872A;
}

/* line 238, app/assets/stylesheets/admin/model.scss */
.version-validation {
  margin-top: 22px;
}

/* line 241, app/assets/stylesheets/admin/model.scss */
.version-validation h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

/* line 247, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-list {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

/* line 253, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 260, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row:first-child {
  border-top: none;
}

/* line 262, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row .validation-icon {
  font-size: 16px;
  flex-shrink: 0;
  margin: 1px 0 0;
}

/* line 268, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row.ok {
  color: #0A8340;
}

/* line 269, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row.warn {
  color: #D4872A;
}

/* line 271, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row .validation-rule {
  display: flex;
  flex-direction: column;
  gap: 1px;
  color: #3D3C3B;
}

/* line 278, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row .validation-field {
  font-weight: 700;
}

/* line 280, app/assets/stylesheets/admin/model.scss */
.version-validation .validation-row .validation-message {
  font-size: 13px;
  color: #777;
}

/* line 291, app/assets/stylesheets/admin/model.scss */
.event-detail-label {
  display: block;
  margin-top: 14px;
  font-weight: 700;
}

/* line 297, app/assets/stylesheets/admin/model.scss */
.event-detail-data {
  max-width: 100%;
  margin: 6px 0 0;
  padding: 12px 14px;
  background: #3D3C3B;
  color: #fafafa;
  border-radius: 4px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 13px;
  line-height: 1.5;
}
/* line 3, app/assets/stylesheets/admin/movable.scss */
.movable {
  position: relative;
}

/* line 5, app/assets/stylesheets/admin/movable.scss */
.movable .item {
  display: flex;
  align-items: stretch;
}

/* line 8, app/assets/stylesheets/admin/movable.scss */
.movable .item .button {
  margin-left: 5px;
}

/* line 12, app/assets/stylesheets/admin/movable.scss */
.movable .input {
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/admin/movable.scss */
.movable li {
  margin-top: 5px;
}

/* line 18, app/assets/stylesheets/admin/movable.scss */
.movable > li {
  background: #e8e8e8;
  padding: 6px 8px;
  margin: 4px 0;
  border-radius: 4px;
}

/* line 23, app/assets/stylesheets/admin/movable.scss */
.movable > li:first-child {
  margin-top: 0;
}

/* line 25, app/assets/stylesheets/admin/movable.scss */
.movable .children {
  padding-left: 20px;
}

/* line 28, app/assets/stylesheets/admin/movable.scss */
.movable .placeholder {
  border: 1px solid #e8e8e8;
  height: 28px;
}
/* line 7, app/assets/stylesheets/admin/navigation_tabs.scss */
.admin-tabs-bar {
  text-align: center;
  padding: 16px 0;
}

/* line 12, app/assets/stylesheets/admin/navigation_tabs.scss */
.admin-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 999px;
}

/* line 20, app/assets/stylesheets/admin/navigation_tabs.scss */
.admin-tab {
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #777;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

/* line 30, app/assets/stylesheets/admin/navigation_tabs.scss */
.admin-tab:hover {
  color: #3D3C3B;
}

/* line 34, app/assets/stylesheets/admin/navigation_tabs.scss */
.admin-tab.active {
  background: #fff;
  color: #3D3C3B;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
/* line 18, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__header {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 22px;
  max-width: 480px;
}

/* line 26, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__locale {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 30, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__locale label {
  font-weight: 700;
}

/* line 31, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__locale select {
  min-width: 200px;
  flex: 1;
}

/* line 34, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__filter input {
  width: 100%;
  box-sizing: border-box;
}

/* line 39, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__roots, .navigation-tree__children {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 50, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__roots > li, .navigation-tree__children > li {
  background: none;
  padding: 0;
  margin: 0 0 4px;
  border-radius: 0;
}

/* line 55, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__roots > li:last-child, .navigation-tree__children > li:last-child {
  margin-bottom: 0;
}

/* line 59, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__children {
  margin-left: 18px;
  border-left: 2px solid #e8e8e8;
  padding-left: 10px;
  margin-top: 4px;
}

/* line 67, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__children:empty {
  border-left: none;
  margin: 0;
  padding: 0;
  height: 0;
}

/* line 81, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__children.expanded:empty {
  display: block;
  height: 32px;
  min-height: 32px;
  margin: 4px 0 0 18px;
  padding-left: 10px;
  border-left: 2px solid #e8e8e8;
  box-sizing: border-box;
}

/* line 92, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node {
  list-style: none;
}

/* line 94, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node:last-child {
  margin-bottom: 0;
}

/* line 97, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__add-root {
  margin-top: 4px;
}

/* line 101, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-card {
  border-left: 3px solid transparent;
  height: 32px;
}

/* line 105, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-card.published {
  border-left-color: #0A8340;
}

/* line 106, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-card:not(.published) {
  opacity: 0.75;
}

/* line 107, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-card.error {
  border-left-color: #AB2430;
  background: #fef2f2;
  opacity: 1;
}

/* line 116, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-card:hover .navigation-tree__node-label {
  background: #dedede;
}

/* line 121, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-row {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 32px;
}

/* line 131, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  background: #e8e8e8;
  border-radius: 4px;
  margin: 0;
  padding: 0 12px;
  flex: 1;
  height: 32px;
  line-height: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 145, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 600;
  font-size: 16px;
  flex: 0 1 auto;
}

/* line 152, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-path {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: #777;
  font-size: 0.85em;
  margin-left: auto;
  flex: 0 1 auto;
}

@media (max-width: 700px) {
  /* line 152, app/assets/stylesheets/admin/navigation_tree.scss */
  .navigation-tree__node-path {
    display: none;
  }
}

/* line 163, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-actions {
  display: flex;
  gap: 4px;
  margin-left: auto;
  height: 32px;
}

/* line 172, app/assets/stylesheets/admin/navigation_tree.scss */
.navigation-tree__node-actions .button.smaller.disabled {
  opacity: 0.3;
  pointer-events: none;
}
/* line 7, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .condition {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  row-gap: 8px;
  align-items: start;
}

/* line 17, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .condition > select {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
}

/* line 18, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .condition > div[id^="condition_"] {
  grid-column: 1;
  grid-row: 2;
}

/* line 19, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .condition > .delete {
  grid-column: 2;
  grid-row: 1;
}

/* line 21, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .condition .field {
  margin: 0;
  padding-bottom: 0;
}

/* line 26, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .date-field {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* line 31, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .date-field select {
  margin: 0;
}

/* line 32, app/assets/stylesheets/admin/newsletter.scss */
.newsletter .date-field input[type="date"] {
  margin: 0;
}
/* line 7, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-body {
  height: 100dvh;
  overflow: hidden;
}

/* line 12, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-console {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}

/* line 21, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  flex-wrap: wrap;
  padding: 8px 22px;
  background: #fff;
  border-top: 3px solid #AB2430;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.08) 0 1px 4px 0;
}

/* line 34, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-status {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}

/* line 41, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-badge {
  font-weight: 700;
  font-size: 13px;
  color: #AB2430;
}

/* line 47, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-meta {
  font-size: 13px;
  color: #777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 55, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 61, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-actions .button.active {
  background: var(--app-color, #2540F5);
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0 inset;
}

/* line 69, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-main {
  position: relative;
  flex: 1;
  min-height: 0;
  background: #fafafa;
}

/* line 76, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* line 85, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-surface-inner {
  padding: 22px;
  max-width: 950px;
}

/* line 92, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  box-sizing: border-box;
}

/* line 101, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-card {
  width: 100%;
  max-width: 480px;
  background: #fff;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px 0;
  overflow: hidden;
}

/* line 110, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-header {
  background: linear-gradient(180deg, #c42937, #AB2430);
  padding: 22px 28px;
}

/* line 116, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-header h1 {
  margin: 0;
  font-size: 18px;
  color: #fff;
}

/* line 123, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-body {
  padding: 24px 28px 28px;
}

/* line 126, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-body p {
  margin: 0 0 12px;
}

/* line 127, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-body p:last-child {
  margin-bottom: 0;
}

/* line 130, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-locked-master {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 13px;
  color: #777;
}

/* line 137, app/assets/stylesheets/admin/node_ops.scss */
.node-ops-frame-body {
  background: #fafafa;
}
/* line 4, app/assets/stylesheets/admin/notifications.scss */
.notification-log {
  position: relative;
}

/* line 7, app/assets/stylesheets/admin/notifications.scss */
.notification-log:has(.notification-dropdown.open) .notification-badge {
  display: none;
}

/* line 18, app/assets/stylesheets/admin/notifications.scss */
.notification-log .notification-bell {
  box-sizing: border-box;
  position: relative;
  width: 34px;
  height: 34px;
  justify-content: center;
}

/* line 25, app/assets/stylesheets/admin/notifications.scss */
.notification-log .notification-bell .bell-icon {
  margin: 0;
}

/* line 28, app/assets/stylesheets/admin/notifications.scss */
.bell-icon {
  color: #fff;
  font-size: 14px;
}

/* line 32, app/assets/stylesheets/admin/notifications.scss */
.bell-icon.bell-dim {
  opacity: 0.5;
}

/* line 40, app/assets/stylesheets/admin/notifications.scss */
.notification-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  box-sizing: border-box;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #AB2430;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 58, app/assets/stylesheets/admin/notifications.scss */
.notification-badge.hidden {
  display: none;
}

/* line 63, app/assets/stylesheets/admin/notifications.scss */
.notification-dropdown {
  min-width: 300px;
  max-height: 400px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.notification-dropdown::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.notification-dropdown::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.notification-dropdown::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.notification-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 70, app/assets/stylesheets/admin/notifications.scss */
.notification-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 76, app/assets/stylesheets/admin/notifications.scss */
.notification-item {
  position: relative;
  border-bottom: 1px solid #fafafa;
  font-size: 16px;
}

/* line 81, app/assets/stylesheets/admin/notifications.scss */
.notification-item .notification-content {
  flex: 1;
  min-width: 0;
}

/* line 86, app/assets/stylesheets/admin/notifications.scss */
.notification-item:last-child {
  border-bottom: none;
}

/* line 132, app/assets/stylesheets/admin/_variables.scss */
.notification-item.alert, .notification-item.failed {
  border-left: 4px solid #AB2430;
}

/* line 133, app/assets/stylesheets/admin/_variables.scss */
.notification-item.warn, .notification-item.reverted {
  border-left: 4px solid #D4872A;
}

/* line 134, app/assets/stylesheets/admin/_variables.scss */
.notification-item.success, .notification-item.completed {
  border-left: 4px solid #0A8340;
}

/* line 135, app/assets/stylesheets/admin/_variables.scss */
.notification-item.info, .notification-item.running, .notification-item.importing, .notification-item.restoring, .notification-item.validating {
  border-left: 4px solid var(--app-color, #2540F5);
}

/* line 93, app/assets/stylesheets/admin/notifications.scss */
.notification-link {
  display: block;
  min-width: 0;
  color: #3D3C3B;
  text-decoration: none;
  padding: 10px 14px;
}

/* line 100, app/assets/stylesheets/admin/notifications.scss */
.notification-link:hover {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 105, app/assets/stylesheets/admin/notifications.scss */
.notification-message {
  display: block;
  color: #3D3C3B;
}

/* line 110, app/assets/stylesheets/admin/notifications.scss */
.notification-time {
  font-style: italic;
  display: block;
  font-size: 11px;
  color: #777;
  margin-top: 2px;
}

/* line 118, app/assets/stylesheets/admin/notifications.scss */
.notification-dismiss {
  position: absolute;
  right: 8px;
  top: 5px;
  background: none;
  border: none;
  color: #777;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

/* line 131, app/assets/stylesheets/admin/notifications.scss */
.notification-dismiss:hover {
  color: #3D3C3B;
}

/* line 136, app/assets/stylesheets/admin/notifications.scss */
.notification-clear {
  padding: 6px 14px;
  border-bottom: 1px solid #fafafa;
  text-align: right;
}

/* line 141, app/assets/stylesheets/admin/notifications.scss */
.notification-clear a {
  font-size: 11px;
  color: #777;
  text-decoration: none;
}

/* line 146, app/assets/stylesheets/admin/notifications.scss */
.notification-clear a:hover {
  color: #3D3C3B;
}

/* line 150, app/assets/stylesheets/admin/notifications.scss */
.notification-empty {
  padding: 20px;
  text-align: center;
  color: #777;
  font-size: 13px;
}
/* line 11, app/assets/stylesheets/admin/page_sections.scss */
.sections {
  padding-top: 0;
  box-sizing: border-box;
}

/* line 16, app/assets/stylesheets/admin/page_sections.scss */
.page-section-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 27, app/assets/stylesheets/admin/page_sections.scss */
.page-section-list > .page-section-item {
  background: none;
  padding: 0;
  margin: 0 0 6px;
  border-radius: 0;
  list-style: none;
}

/* line 34, app/assets/stylesheets/admin/page_sections.scss */
.page-section-list > .page-section-item:last-child {
  margin-bottom: 0;
}

/* line 37, app/assets/stylesheets/admin/page_sections.scss */
.new {
  margin-top: 14px;
}

/* line 41, app/assets/stylesheets/admin/page_sections.scss */
.new > .page-section {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

/* line 49, app/assets/stylesheets/admin/page_sections.scss */
.page-section .name {
  display: flex;
  align-items: center;
}

/* line 53, app/assets/stylesheets/admin/page_sections.scss */
.page-section .name h3 {
  font-weight: 700;
  margin: 0;
  flex: 1;
}

/* line 59, app/assets/stylesheets/admin/page_sections.scss */
.page-section .name .section-actions {
  display: flex;
  gap: 5px;
  margin-left: auto;
  align-self: flex-start;
  margin-top: 1px;
}

/* line 68, app/assets/stylesheets/admin/page_sections.scss */
.page-section .section-preview {
  padding-top: 4px;
  line-height: 1.4;
}

/* line 76, app/assets/stylesheets/admin/page_sections.scss */
.section-items[hidden] {
  display: none;
}

/* line 79, app/assets/stylesheets/admin/page_sections.scss */
.section-items__label {
  display: block;
  font-weight: 700;
  padding-bottom: 6px;
  opacity: 0.8;
}

/* line 86, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 97, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list > .section-item {
  background: #e8e8e8;
  border-radius: 4px;
  padding: 14px 16px 10px;
  margin: 0 0 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* line 106, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list > .section-item:last-child {
  margin-bottom: 10px;
}

/* line 111, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list > .section-item .section-item__actions {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 5px;
  order: 2;
}

/* line 119, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list > .section-item .section-item__fields {
  flex: 1;
  min-width: 0;
  order: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 12px;
}

/* line 128, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list > .section-item.section-item--block .section-item__fields {
  grid-template-columns: 1fr;
}

/* line 132, app/assets/stylesheets/admin/page_sections.scss */
.section-items__list > .section-item .section-item__field--icon,
.section-items__list > .section-item .section-item__field--text,
.section-items__list > .section-item .section-item__field--markdown {
  grid-column: 1 / -1;
}

/* line 139, app/assets/stylesheets/admin/page_sections.scss */
.section-items__actions {
  margin-top: 0;
  margin-bottom: 22px;
}
/* line 11, app/assets/stylesheets/admin/password_strength.scss */
.password-strength {
  display: none;
  height: 4px;
  margin-top: 8px;
  border-radius: 2px;
  background: #dedede;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/admin/password_strength.scss */
.password-strength.is-active {
  display: block;
}

/* line 22, app/assets/stylesheets/admin/password_strength.scss */
.password-strength__fill {
  height: 100%;
  width: calc(var(--strength, 0) * 100%);
  min-width: 6%;
  border-radius: inherit;
  background: hsl(calc(var(--strength, 0) * 90), 72%, 44%);
  transition: width 0.25s ease, background-color 0.25s ease;
}

/* line 38, app/assets/stylesheets/admin/password_strength.scss */
.password-strength.is-met .password-strength__fill {
  background: hsl(120, 64%, 40%);
}
/* line 5, app/assets/stylesheets/admin/plans.scss */
.admin-plan .variant h2 {
  margin-top: 0;
}

/* line 7, app/assets/stylesheets/admin/plans.scss */
.admin-plan .variant__durations {
  margin-top: 8px;
}

/* line 8, app/assets/stylesheets/admin/plans.scss */
.admin-plan .variant__trial {
  margin-top: 14px;
}

/* line 9, app/assets/stylesheets/admin/plans.scss */
.admin-plan .features {
  margin-bottom: 0;
}

/* line 10, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration-fields {
  display: flex;
  gap: 12px;
  flex: 1;
}

/* line 14, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration-fields .field {
  flex: 1;
  margin: 0;
  padding-bottom: 0;
}

/* line 23, app/assets/stylesheets/admin/plans.scss */
.admin-plan .headline {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 27, app/assets/stylesheets/admin/plans.scss */
.admin-plan .headline h2, .admin-plan .headline h3 {
  flex: 1;
  margin: 0;
}

/* line 32, app/assets/stylesheets/admin/plans.scss */
.admin-plan .js-actions {
  display: inline-flex;
  gap: 4px;
  flex: 0 0 auto;
}

/* line 41, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 10px 12px;
  margin-bottom: 12px;
}

/* line 48, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration__head {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  margin-bottom: 8px;
}

/* line 53, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration__head .duration-fields {
  flex: 1;
}

/* line 54, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration__head .js-actions {
  flex: 0 0 auto;
}

/* line 56, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration__prices {
  margin: 8px 0 0 0;
}

/* line 58, app/assets/stylesheets/admin/plans.scss */
.admin-plan .duration__prices > a.button {
  margin-top: 6px;
}

/* line 60, app/assets/stylesheets/admin/plans.scss */
.admin-plan .trial_duration {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 10px 12px;
  margin-top: 6px;
}

/* line 67, app/assets/stylesheets/admin/plans.scss */
.admin-plan .trial_duration__label {
  flex: 0 0 auto;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #777;
  align-self: center;
  padding-right: 6px;
}

/* line 81, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row {
  padding: 14px 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.15);
}

/* line 84, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

/* line 89, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row.is-derived .price-row__inputs .field .input {
  opacity: 0.6;
}

/* line 92, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row__top {
  display: flex;
  gap: 12px;
  align-items: flex-end;
}

/* line 97, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row__inputs {
  display: flex;
  gap: 12px;
  flex: 1;
  flex-wrap: wrap;
  align-items: flex-end;
}

/* line 103, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row__inputs .field {
  margin: 0;
  padding-bottom: 0;
  flex: 1 1 140px;
}

/* line 109, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row__actions {
  flex: 0 0 auto;
}

/* line 110, app/assets/stylesheets/admin/plans.scss */
.admin-plan .price-row__hint {
  margin: 6px 0 0 0;
  font-size: 12px;
}
/* line 5, app/assets/stylesheets/admin/product.scss */
.product .components .toggle-link {
  margin-left: 5px;
}

/* line 8, app/assets/stylesheets/admin/product.scss */
.product .components .rated {
  display: block;
  padding: 0 0 8px 25px;
}

/* line 11, app/assets/stylesheets/admin/product.scss */
.product .components .rated .icon {
  margin: 0 5px 0 -25px;
  padding-right: 3px;
}

/* line 17, app/assets/stylesheets/admin/product.scss */
.product ol {
  margin: 0;
}

/* line 20, app/assets/stylesheets/admin/product.scss */
.product .pct-input {
  width: 70px;
  text-align: right;
  margin-left: 4px;
}

/* line 26, app/assets/stylesheets/admin/product.scss */
.product .dpps {
  padding-top: 0;
}

/* line 28, app/assets/stylesheets/admin/product.scss */
.product .dpps .new > .dpp-item {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

/* line 35, app/assets/stylesheets/admin/product.scss */
.product .dpp-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 39, app/assets/stylesheets/admin/product.scss */
.product .dpp-item .dpp-item-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

/* line 45, app/assets/stylesheets/admin/product.scss */
.product .dpp-item .dpp-item-info strong, .product .dpp-item .dpp-item-info strong a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 51, app/assets/stylesheets/admin/product.scss */
.product .dpp-item .dpp-item-info .description {
  color: #ccc;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 59, app/assets/stylesheets/admin/product.scss */
.product .dpp-item .dpp-item-actions {
  display: flex;
  gap: 5px;
  margin-left: auto;
}

/* line 65, app/assets/stylesheets/admin/product.scss */
.product .dpp-item > .toggle-section:not(.hidden):not(.form) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 6, app/assets/stylesheets/admin/properties.scss */
.properties .label {
  display: block;
  margin-bottom: 6px;
}

/* line 9, app/assets/stylesheets/admin/properties.scss */
.properties .label .icon {
  margin-right: 5px;
}

/* line 12, app/assets/stylesheets/admin/properties.scss */
.properties ul, .properties ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 18, app/assets/stylesheets/admin/properties.scss */
.properties li {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  position: relative;
}

/* line 26, app/assets/stylesheets/admin/properties.scss */
.properties li:only-child .move, .properties li:only-child .delete {
  display: none;
}

/* line 29, app/assets/stylesheets/admin/properties.scss */
.properties li .suggestions {
  z-index: 10;
}

/* line 34, app/assets/stylesheets/admin/properties.scss */
.properties .field {
  flex: 1;
  min-width: 0;
  padding: 0;
}

/* line 40, app/assets/stylesheets/admin/properties.scss */
.properties .field.error .note {
  color: #fff;
  background: #AB2430;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 6px 10px;
  margin-top: -8px;
}

/* line 48, app/assets/stylesheets/admin/properties.scss */
.properties .field.error input[type="text"],
.properties .field.error input[type="password"],
.properties .field.error input[type="date"],
.properties .field.error textarea {
  border-color: #AB2430;
}

/* line 55, app/assets/stylesheets/admin/properties.scss */
.properties .input {
  margin-top: 0;
}

/* line 59, app/assets/stylesheets/admin/properties.scss */
.properties .property-link {
  flex: 1;
  min-width: 0;
  padding: 4px 0;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 69, app/assets/stylesheets/admin/properties.scss */
.properties .type {
  padding: 14px 0 18px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}

/* line 72, app/assets/stylesheets/admin/properties.scss */
.properties .type:first-child {
  padding-top: 0;
}

/* line 73, app/assets/stylesheets/admin/properties.scss */
.properties .type:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

/* line 77, app/assets/stylesheets/admin/properties.scss */
.properties .type .property-type-link {
  color: inherit;
  text-decoration: none;
}

/* line 80, app/assets/stylesheets/admin/properties.scss */
.properties .type .property-type-link:after {
  content: '';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--icon-pencil);
  mask-image: var(--icon-pencil);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 11px;
  height: 11px;
  color: #777;
  margin-left: 6px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* line 89, app/assets/stylesheets/admin/properties.scss */
.properties .type .property-type-link:hover:after {
  opacity: 1;
}

/* line 93, app/assets/stylesheets/admin/properties.scss */
.properties .note {
  padding-bottom: 5px;
}

/* line 95, app/assets/stylesheets/admin/properties.scss */
.properties .percentage-input {
  width: 60px;
  flex: 0 0 60px;
  text-align: right;
}

/* line 101, app/assets/stylesheets/admin/properties.scss */
.properties .add {
  margin-top: 8px;
}

/* line 104, app/assets/stylesheets/admin/properties.scss */
.properties.rated li .rating-container {
  margin-left: 5px;
}

/* line 105, app/assets/stylesheets/admin/properties.scss */
.properties.rated li .rating {
  width: auto;
  min-width: 160px;
}

/* line 114, app/assets/stylesheets/admin/properties.scss */
.property-num {
  font-weight: 700;
  font-size: 12px;
  color: #777;
  min-width: 18px;
  text-align: right;
}

/* line 122, app/assets/stylesheets/admin/properties.scss */
.property-rating {
  width: 20px;
  text-align: center;
}

/* line 127, app/assets/stylesheets/admin/properties.scss */
.property-edit {
  text-align: center;
}

/* line 131, app/assets/stylesheets/admin/properties.scss */
.property-list-mode textarea {
  width: 100%;
  min-height: 150px;
}

/* line 142, app/assets/stylesheets/admin/properties.scss */
.structured-composition table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
}

/* line 148, app/assets/stylesheets/admin/properties.scss */
.structured-composition thead th {
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  color: #777;
  padding: 4px 6px 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 157, app/assets/stylesheets/admin/properties.scss */
.structured-composition tbody td {
  padding: 4px 4px;
  vertical-align: middle;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}

/* line 163, app/assets/stylesheets/admin/properties.scss */
.structured-composition tbody tr:last-child td {
  border-bottom: 0;
}

/* line 165, app/assets/stylesheets/admin/properties.scss */
.structured-composition td .input,
.structured-composition td input,
.structured-composition td select {
  width: 100%;
  margin: 0;
}

/* line 172, app/assets/stylesheets/admin/properties.scss */
.structured-composition td:last-child {
  width: 32px;
  text-align: right;
}

/* line 177, app/assets/stylesheets/admin/properties.scss */
.structured-composition .structured-composition-add {
  margin-top: 8px;
}

/* line 185, app/assets/stylesheets/admin/properties.scss */
.composition-columns .composition-column {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}

/* line 193, app/assets/stylesheets/admin/properties.scss */
.composition-columns .composition-column:last-child {
  border-bottom: 0;
}

/* line 195, app/assets/stylesheets/admin/properties.scss */
.composition-columns .composition-column .field {
  flex: 1 1 140px;
}

/* line 196, app/assets/stylesheets/admin/properties.scss */
.composition-columns .composition-column .field.hidden {
  flex: 0;
}

/* line 198, app/assets/stylesheets/admin/properties.scss */
.composition-columns .composition-column .enum-values {
  flex: 1 1 100%;
}
/* line 7, app/assets/stylesheets/admin/security.scss */
.signing-key.box {
  margin-top: 24px;
}

/* line 10, app/assets/stylesheets/admin/security.scss */
.signing-key.box > h2 {
  margin-top: 0;
}

/* line 11, app/assets/stylesheets/admin/security.scss */
.signing-key.box > .note {
  margin-top: -4px;
}

/* line 13, app/assets/stylesheets/admin/security.scss */
.signing-key.box .center {
  margin-top: 16px;
}

/* line 16, app/assets/stylesheets/admin/security.scss */
.signing-key-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
}

/* line 21, app/assets/stylesheets/admin/security.scss */
.signing-key-table thead tr {
  border-bottom: 2px solid #e8e8e8;
}

/* line 25, app/assets/stylesheets/admin/security.scss */
.signing-key-table tbody tr {
  border-bottom: 1px solid #e8e8e8;
}

/* line 28, app/assets/stylesheets/admin/security.scss */
.signing-key-table tbody tr:last-child {
  border-bottom: none;
}

/* line 31, app/assets/stylesheets/admin/security.scss */
.signing-key-table th, .signing-key-table td {
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
}

/* line 37, app/assets/stylesheets/admin/security.scss */
.signing-key-table th {
  font-weight: 600;
  color: #777;
}

/* line 42, app/assets/stylesheets/admin/security.scss */
.signing-key-table th:first-child, .signing-key-table td:first-child {
  padding-left: 0;
}

/* line 43, app/assets/stylesheets/admin/security.scss */
.signing-key-table th:last-child, .signing-key-table td:last-child {
  padding-right: 0;
}

/* line 46, app/assets/stylesheets/admin/security.scss */
.signing-key-table td:first-child a {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* line 53, app/assets/stylesheets/admin/security.scss */
.signing-key-status.is-active {
  color: #0A8340;
  font-weight: 600;
}

/* line 58, app/assets/stylesheets/admin/security.scss */
.signing-key-status.is-retired {
  color: #777;
}

/* line 60, app/assets/stylesheets/admin/security.scss */
.signing-key-status.is-compromised {
  color: #AB2430;
  font-weight: 600;
}

/* line 66, app/assets/stylesheets/admin/security.scss */
.signing-key-fingerprint code {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  color: #777;
  background: #e8e8e8;
  padding: 2px 6px;
  border-radius: 3px;
}
/* line 6, app/assets/stylesheets/admin/select_button.scss */
.select-button {
  font-weight: 400;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  height: 34px;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.15s ease;
}

/* line 22, app/assets/stylesheets/admin/select_button.scss */
.select-button:hover {
  border-color: rgba(0, 0, 0, 0.25);
}

/* line 27, app/assets/stylesheets/admin/select_button.scss */
.select-button.select-button-light {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.3);
}

/* line 32, app/assets/stylesheets/admin/select_button.scss */
.select-button.select-button-light:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.5);
}

/* line 37, app/assets/stylesheets/admin/select_button.scss */
.select-button.select-button-light .select-button-chevron {
  border-color: rgba(255, 255, 255, 0.7) transparent transparent;
}

/* line 44, app/assets/stylesheets/admin/select_button.scss */
.select-button.select-button-grey {
  color: #777;
  border-color: rgba(0, 0, 0, 0.2);
}

/* line 48, app/assets/stylesheets/admin/select_button.scss */
.select-button.select-button-grey:hover {
  border-color: rgba(0, 0, 0, 0.35);
}

/* line 52, app/assets/stylesheets/admin/select_button.scss */
.select-button.select-button-grey .select-button-chevron {
  border-color: #777 transparent transparent;
}

/* line 58, app/assets/stylesheets/admin/select_button.scss */
.select-button-label {
  flex: 1;
  text-align: left;
}

/* line 64, app/assets/stylesheets/admin/select_button.scss */
.select-button-chevron {
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0;
  border-color: #a8a8a8 transparent transparent;
}
/* line 6, app/assets/stylesheets/admin/server.scss */
.server-active-alerts {
  margin-bottom: 20px;
}

/* line 9, app/assets/stylesheets/admin/server.scss */
.server-active-alerts h3 {
  margin-bottom: 8px;
}

/* line 13, app/assets/stylesheets/admin/server.scss */
.server-active-alerts .flash {
  margin: 0 0 8px;
}

/* line 16, app/assets/stylesheets/admin/server.scss */
.server-active-alerts .flash:last-child {
  margin-bottom: 0;
}

/* line 22, app/assets/stylesheets/admin/server.scss */
.server-alert-time {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.75;
}

/* line 29, app/assets/stylesheets/admin/server.scss */
.server-alert-detail {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  opacity: 0.9;
}
/* line 6, app/assets/stylesheets/admin/show.scss */
turbo-frame#show {
  position: relative;
  flex: 1;
  min-width: 360px;
  padding: 0 22px 22px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
turbo-frame#show::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
turbo-frame#show::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
turbo-frame#show::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
turbo-frame#show::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 20, app/assets/stylesheets/admin/show.scss */
turbo-frame#show.loading > .show {
  filter: blur(4px);
  pointer-events: none;
}

/* line 25, app/assets/stylesheets/admin/show.scss */
turbo-frame#show > .frame-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

/* line 36, app/assets/stylesheets/admin/show.scss */
turbo-frame#show > .show {
  padding: 0;
  overflow: visible;
  width: auto;
  height: auto;
  box-sizing: border-box;
}

/* line 47, app/assets/stylesheets/admin/show.scss */
.show > *:not(.actions) {
  max-width: 950px;
}

/* line 56, app/assets/stylesheets/admin/show.scss */
.content > :first-child > .show > *:not(.actions),
.content > .show:first-child > *:not(.actions) {
  margin-left: auto;
  margin-right: auto;
}

/* line 63, app/assets/stylesheets/admin/show.scss */
.content > .show {
  flex: 1;
  min-width: 360px;
  padding: 0 22px 22px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.content > .show::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.content > .show::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.content > .show::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.content > .show::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 79, app/assets/stylesheets/admin/show.scss */
.content > .show.standalone {
  padding: 0 22px 22px;
}

/* line 81, app/assets/stylesheets/admin/show.scss */
.content > .show.standalone > * {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* line 88, app/assets/stylesheets/admin/show.scss */
.content > .show.standalone > turbo-frame {
  display: block;
}

@media (max-width: 616px) {
  /* line 100, app/assets/stylesheets/admin/show.scss */
  .content:has(.list) turbo-frame#show,
.content:has(.list) > .show {
    flex: none;
    min-width: 0;
    width: calc(100vw - 16px);
  }
}

/* line 108, app/assets/stylesheets/admin/show.scss */
.padded {
  padding-bottom: 22px;
}
/* line 5, app/assets/stylesheets/admin/stats.scss */
.traffic .loading,
.record-stats .loading,
.record-stats.loading,
.server-metrics.loading {
  position: relative;
  pointer-events: none;
}

/* line 11, app/assets/stylesheets/admin/stats.scss */
.traffic .loading::before,
.record-stats .loading::before,
.record-stats.loading::before,
.server-metrics.loading::before {
  content: '';
  position: absolute;
  inset: -4px;
  background: #fafafa;
  z-index: 9;
  opacity: 0.8;
  backdrop-filter: blur(4px);
}

/* line 20, app/assets/stylesheets/admin/stats.scss */
.traffic .loading::after,
.record-stats .loading::after,
.record-stats.loading::after,
.server-metrics.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  border: 3px solid #dedede;
  border-top-color: var(--app-color, #2540F5);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  z-index: 10;
}

/* line 37, app/assets/stylesheets/admin/stats.scss */
.stats-center .card .stats-map {
  margin-bottom: 10px;
}

/* line 40, app/assets/stylesheets/admin/stats.scss */
.stats-center .card .chart {
  height: 120px !important;
  margin-top: 15px;
}

/* line 47, app/assets/stylesheets/admin/stats.scss */
.traffic-controls {
  margin-bottom: 22px;
}

/* line 52, app/assets/stylesheets/admin/stats.scss */
.traffic-controls .localized-date {
  width: 140px;
}

/* line 56, app/assets/stylesheets/admin/stats.scss */
.traffic-controls-row {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  margin-bottom: 8px;
}

/* line 62, app/assets/stylesheets/admin/stats.scss */
.traffic-controls-row .labeled-field {
  flex-shrink: 0;
}

/* line 64, app/assets/stylesheets/admin/stats.scss */
.traffic-controls-row .labeled-field:first-child {
  min-width: 200px;
}

@media (max-width: 768px) {
  /* line 56, app/assets/stylesheets/admin/stats.scss */
  .traffic-controls-row {
    flex-wrap: wrap;
  }
  /* line 71, app/assets/stylesheets/admin/stats.scss */
  .traffic-controls-row .labeled-field {
    flex: 1;
    min-width: 0;
  }
  /* line 72, app/assets/stylesheets/admin/stats.scss */
  .traffic-controls-row .labeled-field:first-child {
    flex: 0 0 100%;
  }
  /* line 73, app/assets/stylesheets/admin/stats.scss */
  .traffic-controls-row .localized-date {
    width: 100%;
  }
}

/* line 78, app/assets/stylesheets/admin/stats.scss */
.traffic-filters-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 85, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin-top: 22px;
}

@media (min-width: 800px) {
  /* line 85, app/assets/stylesheets/admin/stats.scss */
  .traffic-details-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 380px;
  }
}

/* line 95, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid > .card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* line 99, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid > .card h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 107, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol {
  margin: 0;
  padding: 0 10px 0 0;
  list-style: none;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid ol::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid ol::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid ol::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid ol::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 115, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li {
  display: flex;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid #dedede;
  font-size: 13px;
}

/* line 122, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li:last-child {
  border-bottom: 0;
}

/* line 123, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li.empty {
  color: #777;
}

/* line 125, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li .path, .traffic-details-grid ol li .country {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 131, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li .count {
  font-weight: 700;
  text-align: right;
  min-width: 50px;
}

/* line 136, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li .pct {
  color: #777;
  text-align: right;
  min-width: 45px;
}

/* line 141, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li .spam-btn {
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0;
  padding: 2px 4px;
  color: #777;
  transition: opacity 0.15s;
}

/* line 149, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li .spam-btn .icon {
  margin: 0;
  font-size: 11px;
}

/* line 151, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li:hover .spam-btn {
  opacity: 0.4;
}

/* line 152, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid ol li .spam-btn:hover {
  opacity: 1 !important;
}

/* line 156, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .top-records-controls {
  margin-bottom: 8px;
}

/* line 160, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .table-scroll {
  flex: 1;
  overflow-y: auto;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid .table-scroll::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid .table-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid .table-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.traffic-details-grid .table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 167, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

/* line 171, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid table th {
  text-align: left;
  font-weight: 700;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 0;
  background: #fff;
}

/* line 180, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid table td {
  padding: 4px 8px;
  border-bottom: 1px solid #dedede;
}

/* line 183, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid table td.num {
  text-align: right;
  font-weight: 700;
}

/* line 192, app/assets/stylesheets/admin/stats.scss */
.summary-stats {
  margin-bottom: 22px;
}

/* line 194, app/assets/stylesheets/admin/stats.scss */
.summary-stats .summary-item {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #dedede;
  font-size: 13px;
}

/* line 200, app/assets/stylesheets/admin/stats.scss */
.summary-stats .summary-item:last-child {
  border-bottom: 0;
}

/* line 201, app/assets/stylesheets/admin/stats.scss */
.summary-stats .summary-item .summary-label {
  color: #777;
}

/* line 202, app/assets/stylesheets/admin/stats.scss */
.summary-stats .summary-item .summary-value {
  font-weight: 700;
}

/* line 206, app/assets/stylesheets/admin/stats.scss */
.status-code-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 300px;
  overflow-y: auto;
}

/* line 212, app/assets/stylesheets/admin/stats.scss */
.status-code-list li {
  display: flex;
  gap: 8px;
  font-size: 13px;
  padding: 4px 0;
  border-bottom: 1px solid #dedede;
}

/* line 218, app/assets/stylesheets/admin/stats.scss */
.status-code-list li:last-child {
  border-bottom: 0;
}

/* line 219, app/assets/stylesheets/admin/stats.scss */
.status-code-list li .code {
  font-weight: 700;
  width: 40px;
}

/* line 223, app/assets/stylesheets/admin/stats.scss */
.status-code-list li .count {
  font-weight: 700;
  text-align: right;
  flex: 1;
}

/* line 228, app/assets/stylesheets/admin/stats.scss */
.status-code-list li .pct {
  color: #777;
  text-align: right;
  width: 50px;
}

/* line 233, app/assets/stylesheets/admin/stats.scss */
.status-code-list li.ok .code {
  color: #0A8340;
}

/* line 234, app/assets/stylesheets/admin/stats.scss */
.status-code-list li.redirect .code {
  color: #777;
}

/* line 235, app/assets/stylesheets/admin/stats.scss */
.status-code-list li.client-error .code {
  color: #D4872A;
}

/* line 236, app/assets/stylesheets/admin/stats.scss */
.status-code-list li.server-error .code {
  color: #AB2430;
}

/* line 244, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list li {
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
}

/* line 249, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .failed-path-main {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* line 254, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .failed-statuses {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}

/* line 259, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .status-chip {
  font-weight: 700;
  font-size: 13px;
}

/* line 262, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .status-chip.client-error {
  color: #D4872A;
}

/* line 263, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .status-chip.server-error {
  color: #AB2430;
}

/* line 264, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .status-chip .chip-count {
  color: #777;
  font-weight: 400;
  margin-left: 2px;
}

/* line 270, app/assets/stylesheets/admin/stats.scss */
.traffic-details-grid .failed-path-list .failed-referer {
  color: #777;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 279, app/assets/stylesheets/admin/stats.scss */
.user-agent-list {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.user-agent-list::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.user-agent-list::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.user-agent-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.user-agent-list::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 286, app/assets/stylesheets/admin/stats.scss */
.user-agent-list li {
  display: flex;
  gap: 8px;
  font-size: 13px;
  padding: 4px 0;
  border-bottom: 1px solid #dedede;
}

/* line 292, app/assets/stylesheets/admin/stats.scss */
.user-agent-list li:last-child {
  border-bottom: 0;
}

/* line 293, app/assets/stylesheets/admin/stats.scss */
.user-agent-list li.empty {
  color: #777;
}

/* line 294, app/assets/stylesheets/admin/stats.scss */
.user-agent-list li .agent {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 300, app/assets/stylesheets/admin/stats.scss */
.user-agent-list li .count {
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

/* line 304, app/assets/stylesheets/admin/stats.scss */
.user-agent-list li .count .pct {
  color: #777;
  font-weight: 400;
}

/* line 313, app/assets/stylesheets/admin/stats.scss */
.cluster-overview {
  margin-bottom: 22px;
}

/* line 317, app/assets/stylesheets/admin/stats.scss */
.cluster-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 22px;
}

/* line 325, app/assets/stylesheets/admin/stats.scss */
.node-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
}

/* line 333, app/assets/stylesheets/admin/stats.scss */
.node-card:hover {
  border-color: var(--app-color, #2540F5);
}

/* line 336, app/assets/stylesheets/admin/stats.scss */
.node-card.selected {
  border-color: var(--app-color, #2540F5);
  box-shadow: 0 0 0 1px var(--app-color, #2540F5);
}

/* line 341, app/assets/stylesheets/admin/stats.scss */
.node-card .node-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

/* line 346, app/assets/stylesheets/admin/stats.scss */
.node-card .node-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

/* line 353, app/assets/stylesheets/admin/stats.scss */
.node-card .node-status {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #777;
}

/* line 361, app/assets/stylesheets/admin/stats.scss */
.node-card .status-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

/* line 366, app/assets/stylesheets/admin/stats.scss */
.node-card .status-dot.good {
  background: #0A8340;
}

/* line 367, app/assets/stylesheets/admin/stats.scss */
.node-card .status-dot.warning {
  background: #D4872A;
}

/* line 368, app/assets/stylesheets/admin/stats.scss */
.node-card .status-dot.critical {
  background: #AB2430;
}

/* line 369, app/assets/stylesheets/admin/stats.scss */
.node-card .status-dot.offline {
  background: #bababa;
}

/* line 370, app/assets/stylesheets/admin/stats.scss */
.node-card .status-dot.pending {
  background: #D4872A;
}

/* line 373, app/assets/stylesheets/admin/stats.scss */
.node-card .node-health {
  text-align: center;
  margin-bottom: 12px;
}

/* line 379, app/assets/stylesheets/admin/stats.scss */
.node-card .health-score .score-value {
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

/* line 384, app/assets/stylesheets/admin/stats.scss */
.node-card .health-score.good .score-value {
  color: #0A8340;
}

/* line 385, app/assets/stylesheets/admin/stats.scss */
.node-card .health-score.warning .score-value {
  color: #D4872A;
}

/* line 386, app/assets/stylesheets/admin/stats.scss */
.node-card .health-score.critical .score-value {
  color: #AB2430;
}

/* line 387, app/assets/stylesheets/admin/stats.scss */
.node-card .health-score.offline .score-value {
  color: #bababa;
}

/* line 388, app/assets/stylesheets/admin/stats.scss */
.node-card .health-score.pending .score-value {
  color: #D4872A;
}

/* line 391, app/assets/stylesheets/admin/stats.scss */
.node-card .health-label {
  font-size: 11px;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

/* line 399, app/assets/stylesheets/admin/stats.scss */
.node-card .node-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

/* line 406, app/assets/stylesheets/admin/stats.scss */
.node-card .node-metric .metric-label {
  font-size: 11px;
  color: #777;
}

/* line 410, app/assets/stylesheets/admin/stats.scss */
.node-card .node-metric .metric-value {
  font-size: 13px;
  font-weight: 700;
}

/* line 416, app/assets/stylesheets/admin/stats.scss */
.node-card .node-heartbeat {
  margin-top: 10px;
  font-size: 11px;
  color: #777;
  text-align: center;
}

/* line 424, app/assets/stylesheets/admin/stats.scss */
.node-card .node-heartbeat:empty {
  display: none;
}

/* line 427, app/assets/stylesheets/admin/stats.scss */
.node-card .node-sparkline {
  height: 32px;
  margin-top: 10px;
}

/* line 430, app/assets/stylesheets/admin/stats.scss */
.node-card .node-sparkline svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 442, app/assets/stylesheets/admin/stats.scss */
.overview-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 22px;
}

@media (max-width: 600px) {
  /* line 442, app/assets/stylesheets/admin/stats.scss */
  .overview-summary {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 452, app/assets/stylesheets/admin/stats.scss */
.summary-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 16px;
  text-align: center;
}

/* line 458, app/assets/stylesheets/admin/stats.scss */
.summary-card.success {
  border-bottom: 3px solid #0A8340;
}

/* line 459, app/assets/stylesheets/admin/stats.scss */
.summary-card.warn {
  border-bottom: 3px solid #D4872A;
}

/* line 460, app/assets/stylesheets/admin/stats.scss */
.summary-card.alert {
  border-bottom: 3px solid #AB2430;
}

/* line 461, app/assets/stylesheets/admin/stats.scss */
.summary-card .summary-number {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.1;
}

/* line 466, app/assets/stylesheets/admin/stats.scss */
.summary-card .summary-label {
  font-size: 13px;
  color: #777;
  margin-top: 4px;
}

/* line 475, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .overview-section {
  display: block;
  clear: both;
  margin-top: 32px;
}

/* line 479, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .overview-section > h2 {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

/* line 487, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 493, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

/* line 498, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row > summary {
  list-style: none;
  display: grid;
  grid-template-columns: 180px 1fr auto 16px;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  cursor: pointer;
  user-select: none;
}

/* line 508, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row > summary::-webkit-details-marker {
  display: none;
}

/* line 510, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row > summary:hover {
  background: rgba(0, 0, 0, 0.02);
}

/* line 515, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-name {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

/* line 523, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-density .density-bar {
  height: 8px;
  background: #e8e8e8;
  border-radius: 4px;
  overflow: hidden;
}

/* line 529, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-density .density-fill {
  height: 100%;
  background: #0A8340;
  transition: width 0.2s ease;
}

/* line 536, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .density-label {
  font-size: 13px;
  color: #777;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* line 548, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-marker {
  margin-right: 0;
  color: #a8a8a8;
  justify-self: end;
  transform: rotate(45deg);
  transition: transform 0.15s ease;
}

/* line 555, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row[open] .placement-marker {
  transform: rotate(0deg);
}

/* line 558, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-marker-spacer {
  display: block;
}

/* line 561, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row.warn .density-fill {
  background: #D4872A;
}

/* line 562, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row.warn .density-label {
  color: #D4872A;
}

/* line 565, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row.alert .density-fill {
  background: #AB2430;
}

/* line 566, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row.alert .density-label {
  color: #AB2430;
  font-weight: 700;
}

/* line 571, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-tenants {
  margin: 0;
  padding: 10px 16px 14px;
  list-style: none;
  columns: 3;
  column-gap: 24px;
  border-top: 1px solid #dedede;
}

/* line 578, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-tenants li {
  padding: 4px 0;
  font-size: 13px;
  break-inside: avoid;
}

/* line 582, app/assets/stylesheets/admin/stats.scss */
.tenant-overview .placement-row .placement-tenants li a {
  font-weight: 600;
}

@media (max-width: 700px) {
  /* line 587, app/assets/stylesheets/admin/stats.scss */
  .tenant-overview .placement-row > summary {
    grid-template-columns: 120px 1fr auto 16px;
    gap: 10px;
  }
  /* line 591, app/assets/stylesheets/admin/stats.scss */
  .tenant-overview .placement-row .placement-tenants {
    columns: 2;
  }
}

/* line 596, app/assets/stylesheets/admin/stats.scss */
.health-badge {
  font-weight: 800;
  font-size: 16px;
  padding: 2px 8px;
  border-radius: 4px;
}

/* line 601, app/assets/stylesheets/admin/stats.scss */
.health-badge.good {
  color: #0A8340;
  background: rgba(10, 131, 64, 0.15);
}

/* line 602, app/assets/stylesheets/admin/stats.scss */
.health-badge.warning {
  color: #D4872A;
  background: rgba(241, 169, 72, 0.15);
}

/* line 603, app/assets/stylesheets/admin/stats.scss */
.health-badge.critical {
  color: #AB2430;
  background: rgba(171, 36, 48, 0.15);
}

/* line 604, app/assets/stylesheets/admin/stats.scss */
.health-badge.offline {
  color: #777;
  background: rgba(0, 0, 0, 0.05);
}

/* line 609, app/assets/stylesheets/admin/stats.scss */
.server-metrics .server-selector {
  margin-bottom: 22px;
}

/* line 612, app/assets/stylesheets/admin/stats.scss */
.server-metrics .server-card {
  position: relative;
}

/* line 615, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart {
  margin-bottom: 20px;
}

/* line 620, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart .chart-html-labels {
  display: none;
}

/* line 621, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart.with-labels .chart-html-labels {
  display: block;
}

/* line 624, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart .chart-crosshair-tip {
  display: none !important;
}

/* line 627, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart h3 {
  display: flex;
  align-items: baseline;
  margin: 0 0 2px;
}

/* line 631, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart h3 .current-value {
  margin-left: auto;
  font-weight: normal;
  font-size: 16px;
}

/* line 635, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart h3 .current-value.alert {
  color: #AB2430;
}

/* line 638, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart .chart {
  height: 80px !important;
  margin-top: 0;
  background: none;
  border-radius: 0;
}

/* line 644, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart:last-child {
  margin-bottom: 0;
}

/* line 646, app/assets/stylesheets/admin/stats.scss */
.server-metrics .metric-chart:last-child .chart {
  height: 100px !important;
}

/* line 649, app/assets/stylesheets/admin/stats.scss */
.server-metrics .server-crosshair {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #000;
  pointer-events: none;
  z-index: 5;
  display: none;
}

/* line 659, app/assets/stylesheets/admin/stats.scss */
.server-metrics .server-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
  display: none;
}

/* line 666, app/assets/stylesheets/admin/stats.scss */
.server-metrics .server-tooltip > span {
  position: absolute;
  transform: translateY(-100%);
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 2px 8px;
  border-radius: 3px;
  white-space: nowrap;
}

/* line 676, app/assets/stylesheets/admin/stats.scss */
.server-metrics .server-tooltip > span .tip-value {
  display: inline-block;
  min-width: 45px;
  text-align: right;
  font-weight: 700;
}

/* line 686, app/assets/stylesheets/admin/stats.scss */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 22px;
}

/* line 694, app/assets/stylesheets/admin/stats.scss */
.stat-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding: 16px;
  transition: border-color 0.15s, box-shadow 0.15s;
}

/* line 700, app/assets/stylesheets/admin/stats.scss */
.stat-card.selected {
  border-color: var(--app-color, #2540F5);
  box-shadow: 0 0 0 1px var(--app-color, #2540F5);
}

/* line 704, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-card-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 8px;
}

/* line 709, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-card-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}

/* line 714, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-card-header .stat-total {
  font-size: 16px;
  font-weight: 800;
}

/* line 719, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 13px;
  color: #777;
}

/* line 725, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-actions span {
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: 1;
}

/* line 731, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-actions strong {
  font-weight: 800;
  font-size: 16px;
}

/* line 735, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-actions .action-create strong {
  color: var(--app-color, #2540F5);
}

/* line 736, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-actions .action-update strong {
  color: #0A8340;
}

/* line 737, app/assets/stylesheets/admin/stats.scss */
.stat-card .stat-actions .action-destroy strong {
  color: #AB2430;
}

/* line 742, app/assets/stylesheets/admin/stats.scss */
.record-stats .card {
  margin-bottom: 22px;
}

/* line 744, app/assets/stylesheets/admin/stats.scss */
.record-stats .card .chart {
  height: 140px !important;
}

/* line 748, app/assets/stylesheets/admin/stats.scss */
.stats {
  line-height: 170%;
  display: flex;
  flex-direction: column;
}

/* line 752, app/assets/stylesheets/admin/stats.scss */
.stats h2 {
  margin-top: 0;
}

/* line 755, app/assets/stylesheets/admin/stats.scss */
.stats ul {
  display: table;
  width: 100%;
  margin: 0;
}

/* line 760, app/assets/stylesheets/admin/stats.scss */
.stats li {
  display: table-row;
}

/* line 762, app/assets/stylesheets/admin/stats.scss */
.stats li > span {
  display: table-cell;
  white-space: nowrap;
}

/* line 766, app/assets/stylesheets/admin/stats.scss */
.stats li .label {
  font-weight: 700;
  width: 1%;
  white-space: nowrap;
  padding-right: 15px;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 775, app/assets/stylesheets/admin/stats.scss */
.stats li .value {
  text-align: right;
  white-space: normal;
  word-break: break-word;
}

/* line 780, app/assets/stylesheets/admin/stats.scss */
.stats li .percent {
  text-align: right;
  padding-left: 15px;
  font-style: italic;
  color: #777;
}

@media (max-width: 616px) {
  /* line 793, app/assets/stylesheets/admin/stats.scss */
  .stats ul,
.stats li,
.stats li > span {
    display: block;
  }
  /* line 798, app/assets/stylesheets/admin/stats.scss */
  .stats li > span {
    white-space: normal;
  }
  /* line 801, app/assets/stylesheets/admin/stats.scss */
  .stats li .label {
    width: auto;
    max-width: none;
    padding-right: 0;
  }
  /* line 806, app/assets/stylesheets/admin/stats.scss */
  .stats li .value,
.stats li .percent {
    text-align: left;
    padding-left: 0;
  }
}

/* line 813, app/assets/stylesheets/admin/stats.scss */
.spam-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  font-size: 13px;
}

/* line 828, app/assets/stylesheets/admin/stats.scss */
.spam-toast .undo-btn {
  background: none;
  border: none;
  color: var(--app-color, #2540F5);
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}
/* line 5, app/assets/stylesheets/admin/status.scss */
.status-bg.alert {
  background-color: rgba(171, 36, 48, 0.15);
}

/* line 6, app/assets/stylesheets/admin/status.scss */
.status-bg.warn {
  background-color: rgba(241, 169, 72, 0.15);
}

/* line 7, app/assets/stylesheets/admin/status.scss */
.status-bg.info {
  background-color: rgba(10, 131, 64, 0.15);
}

/* line 8, app/assets/stylesheets/admin/status.scss */
.status-bg.inactive {
  opacity: .4;
}

/* line 13, app/assets/stylesheets/admin/status.scss */
.status-bar {
  border-left: 4px solid transparent;
}

/* line 132, app/assets/stylesheets/admin/_variables.scss */
.status-bar.alert, .status-bar.failed {
  border-left: 4px solid #AB2430;
}

/* line 133, app/assets/stylesheets/admin/_variables.scss */
.status-bar.warn, .status-bar.reverted {
  border-left: 4px solid #D4872A;
}

/* line 134, app/assets/stylesheets/admin/_variables.scss */
.status-bar.success, .status-bar.completed {
  border-left: 4px solid #0A8340;
}

/* line 135, app/assets/stylesheets/admin/_variables.scss */
.status-bar.info, .status-bar.running, .status-bar.importing, .status-bar.restoring, .status-bar.validating {
  border-left: 4px solid var(--app-color, #2540F5);
}

/* line 16, app/assets/stylesheets/admin/status.scss */
.status-bar.inactive {
  opacity: .5;
}

/* line 20, app/assets/stylesheets/admin/status.scss */
.locale-badge {
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 12px;
  width: 20px;
  height: 20px;
  color: #777;
  margin-right: 4px;
}
/* line 12, app/assets/stylesheets/admin/style_editor.scss */
turbo-frame#show:has(.admin-style-editor) {
  overflow: hidden;
  padding: 0;
}

/* line 16, app/assets/stylesheets/admin/style_editor.scss */
turbo-frame#show > .show.admin-style-editor {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  max-width: none;
}

/* line 23, app/assets/stylesheets/admin/style_editor.scss */
turbo-frame#show > .show.admin-style-editor > * {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* line 33, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor > form.style-editor-form {
  margin: 0;
}

/* line 39, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .actions {
  margin: 0;
}

/* line 40, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .actions-bar {
  align-items: center;
  flex-wrap: wrap;
}

/* line 43, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .actions-bar form.button_to {
  display: inline-flex;
  margin: 0;
}

/* line 46, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-theme-picker {
  width: 160px;
  flex-shrink: 0;
}

/* line 51, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-viewport-picker {
  width: 130px;
  flex-shrink: 0;
}

/* line 60, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-toolbar-spacer {
  flex: 0 0 10px;
}

/* line 64, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-theme-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* line 71, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-preview-region {
  flex: 1;
  min-height: 0;
  overflow: auto;
  background: #c7c7c7;
  margin-top: -8px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 85, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device {
  background: #fff;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* line 95, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device-chrome {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

/* line 104, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-app-color {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  margin-left: 12px;
  padding: 0;
  background: none;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  cursor: pointer;
}

/* line 117, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-app-color::-webkit-color-swatch-wrapper {
  padding: 2px;
}

/* line 118, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-app-color::-webkit-color-swatch {
  border: none;
  border-radius: 3px;
}

/* line 119, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-app-color::-moz-color-swatch {
  border: none;
  border-radius: 3px;
}

/* line 128, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab {
  appearance: none;
  box-sizing: border-box;
  margin: 0 0 0 50px;
  padding: 0 10px;
  align-self: flex-start;
  height: calc(100% + 1px);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 240px;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  font: inherit;
  font-size: 12px;
  color: #333;
  cursor: pointer;
}

/* line 151, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab:hover {
  background: #fafafa;
}

/* line 156, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 3px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 13px;
  transition: box-shadow 120ms ease, color 120ms ease;
}

/* line 174, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab-icon.is-set {
  color: transparent;
  background-color: transparent;
}

/* line 183, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab:hover
.style-editor-browser-tab-icon:not(.is-set) {
  box-shadow: 0 0 0 1px var(--app-color, #2540F5);
  color: var(--app-color, #2540F5);
}

/* line 189, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1 1 auto;
}

/* line 200, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab-remove {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #888;
  font-size: 11px;
  visibility: hidden;
  transition: background 120ms ease, color 120ms ease;
}

/* line 213, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab-remove:hover {
  background: #e4e4e4;
  color: #333;
}

/* line 219, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-browser-tab.has-icon:hover
.style-editor-browser-tab-remove,
.admin-style-editor .style-editor-browser-tab.has-icon:focus-visible
.style-editor-browser-tab-remove {
  visibility: visible;
}

/* line 228, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--desktop {
  width: 100%;
  max-width: 1200px;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  align-self: stretch;
}

/* line 235, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--desktop .style-editor-device-chrome {
  height: 32px;
  background: #ebebeb;
  border-bottom: 1px solid #d0d0d0;
  padding: 0 14px;
  gap: 8px;
}

/* line 242, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--desktop .style-editor-device-chrome::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff5f57;
  box-shadow: 18px 0 0 #febc2e, 36px 0 0 #28c840;
}

/* line 254, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--desktop .style-editor-preview-frame {
  width: 100%;
  height: 720px;
}

/* line 264, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--mobile {
  width: 391px;
  flex: none;
  border-radius: 36px;
  background: #1a1a1a;
  padding: 8px;
}

/* line 271, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--mobile .style-editor-device-chrome {
  height: 28px;
  justify-content: center;
  background: transparent;
}

/* line 276, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--mobile .style-editor-device-chrome::before {
  content: '';
  width: 70px;
  height: 6px;
  background: #444;
  border-radius: 3px;
}

/* line 287, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--mobile .style-editor-browser-tab {
  display: none;
}

/* line 289, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-device--mobile .style-editor-preview-frame {
  width: 375px;
  height: 667px;
  border-radius: 28px;
  background: #fff;
}

/* line 297, app/assets/stylesheets/admin/style_editor.scss */
.admin-style-editor .style-editor-preview-frame {
  border: none;
  display: block;
  vertical-align: top;
}

@media (max-width: 559px) {
  /* line 306, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-theme-picker {
    width: 140px;
  }
  /* line 307, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .actions-bar {
    gap: 8px;
    padding: 6px 22px;
  }
  /* line 313, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-viewport-picker {
    display: none;
  }
  /* line 314, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-toolbar-spacer {
    display: none;
  }
  /* line 316, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-preview-region {
    padding: 0;
    background: transparent;
  }
  /* line 321, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-device {
    width: 100%;
    max-width: none;
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
  }
  /* line 331, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-device-chrome {
    display: none;
  }
  /* line 335, app/assets/stylesheets/admin/style_editor.scss */
  .admin-style-editor .style-editor-device--mobile .style-editor-preview-frame,
.admin-style-editor .style-editor-device--desktop .style-editor-preview-frame {
    width: 100%;
    height: calc(100vh - 110px);
    border-radius: 0;
  }
}

/* line 349, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal {
  width: 100%;
  max-width: 460px;
}

/* line 355, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay[hidden] {
  display: none;
}

/* line 359, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body {
  min-height: 0;
}

/* line 366, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .form {
  margin-bottom: 0;
}

/* line 368, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .color-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 372, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .color-row input[type='color'] {
  width: 36px;
  height: 32px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}

/* line 378, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .color-row .color-hex {
  flex: 1;
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

/* line 388, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .input-with-suffix {
  display: flex;
  align-items: stretch;
  gap: 6px;
}

/* line 392, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .input-with-suffix .input {
  flex: 1;
  min-width: 0;
  font-variant-numeric: tabular-nums;
}

/* line 397, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .input-with-suffix .input-suffix {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  color: #777;
  font-size: 13px;
}

/* line 408, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .checkbox-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: 400;
}

/* line 414, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .checkbox-row input[type='checkbox'] {
  width: auto;
  margin: 0;
}

/* line 420, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .logo-slot-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 425, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .logo-slot-tile {
  width: 64px;
  height: 64px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: none;
}

/* line 437, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .logo-slot-tile.logo-slot-tile-wide {
  width: 120px;
}

/* line 439, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .logo-slot-tile img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 444, app/assets/stylesheets/admin/style_editor.scss */
.style-editor-modal-overlay .modal-body .logo-slot-placeholder {
  font-size: 22px;
  color: #777;
  opacity: 0.6;
}

/* line 457, app/assets/stylesheets/admin/style_editor.scss */
body > .ts-dropdown {
  z-index: 6000;
}

/* line 460, app/assets/stylesheets/admin/style_editor.scss */
body > .ts-dropdown .font-option {
  font-size: 16px;
  line-height: 1.6;
  padding: 4px 8px;
}
/* line 5, app/assets/stylesheets/admin/toast.scss */
#toasts {
  position: fixed;
  bottom: 22px;
  right: 22px;
  z-index: 500;
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
  max-width: 380px;
  width: 100%;
  pointer-events: none;
}

@media (max-width: 559px) {
  /* line 5, app/assets/stylesheets/admin/toast.scss */
  #toasts {
    left: 22px;
    right: 22px;
    max-width: none;
    width: auto;
  }
}

/* line 26, app/assets/stylesheets/admin/toast.scss */
.toast {
  font-style: italic;
  font-size: 16px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  pointer-events: auto;
  transform: translateX(120%);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  border-left: 4px solid;
}

/* line 43, app/assets/stylesheets/admin/toast.scss */
.toast.visible {
  transform: translateX(0);
  opacity: 1;
}

/* line 48, app/assets/stylesheets/admin/toast.scss */
.toast.dismissing {
  transform: translateX(120%);
  opacity: 0;
}

/* line 53, app/assets/stylesheets/admin/toast.scss */
.toast.toast-info {
  border-left-color: var(--app-color, #2540F5);
}

/* line 57, app/assets/stylesheets/admin/toast.scss */
.toast.toast-success {
  border-left-color: #0A8340;
}

/* line 61, app/assets/stylesheets/admin/toast.scss */
.toast.toast-alert {
  border-left-color: #AB2430;
}

/* line 66, app/assets/stylesheets/admin/toast.scss */
.toast-message {
  flex: 1;
  color: #3D3C3B;
  line-height: 1.4;
}

/* line 71, app/assets/stylesheets/admin/toast.scss */
.toast-message.toast-message-clickable {
  cursor: pointer;
}

/* line 76, app/assets/stylesheets/admin/toast.scss */
.toast-undo {
  font-weight: 700;
  background: none;
  border: 1px solid var(--app-color, #2540F5);
  color: var(--app-color, #2540F5);
  font-size: 13px;
  cursor: pointer;
  padding: 4px 12px;
  border-radius: 4px;
  flex-shrink: 0;
  white-space: nowrap;
}

/* line 88, app/assets/stylesheets/admin/toast.scss */
.toast-undo:hover {
  background: var(--app-color, #2540F5);
  color: #fff;
}

/* line 94, app/assets/stylesheets/admin/toast.scss */
.toast-close {
  background: none;
  border: none;
  font-size: 18px;
  color: #3D3C3B;
  cursor: pointer;
  padding: 0 4px;
  line-height: 1;
  opacity: 0.5;
  flex-shrink: 0;
}

/* line 105, app/assets/stylesheets/admin/toast.scss */
.toast-close:hover {
  opacity: 1;
}
/* line 16, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper {
  width: 100% !important;
  position: relative;
}

/* line 21, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-control {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding: 5px 40px 5px 7px !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  min-height: 32px;
  cursor: pointer;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

/* line 39, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-control > input::placeholder {
  font-style: italic;
  color: #bbb !important;
  opacity: 1 !important;
}

/* line 44, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-control > input {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  flex: 1;
  min-width: 0;
}

/* line 52, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-control > .item {
  font-weight: 400;
  font-style: normal;
  color: #3D3C3B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 64, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.single .ts-control > .item ~ input {
  width: 0 !important;
  padding: 0;
}

/* line 73, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.single.dropdown-active .ts-control > .item ~ input {
  position: absolute;
  left: 7px;
  right: 30px;
  width: auto !important;
}

/* line 79, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.single.dropdown-active .ts-control > .item {
  visibility: hidden;
}

/* line 85, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.single .ts-control::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-style: solid;
  border-width: 5px 4px 0;
  border-color: #a8a8a8 transparent transparent;
}

/* line 101, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.dropdown-active .ts-control {
  border-color: #bababa;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
}

/* line 107, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.dropdown-active.single .ts-control::after {
  border-width: 0 4px 5px;
  border-color: transparent transparent #a8a8a8;
}

/* line 115, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.focus:not(.dropdown-active) .ts-control {
  border-color: #a8a8a8;
}

/* line 120, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown {
  border: 1px solid #bababa;
  border-top: 1px solid #dedede;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: -1px;
  z-index: 100;
  background: #fff;
}

/* line 130, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown:empty, .ts-wrapper .ts-dropdown:has(.ts-dropdown-content:empty) {
  display: none;
}

/* line 135, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content {
  max-height: 220px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* line 148, app/assets/stylesheets/admin/_variables.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content::-webkit-scrollbar {
  width: 6px;
}

/* line 151, app/assets/stylesheets/admin/_variables.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content::-webkit-scrollbar-track {
  background: transparent;
}

/* line 154, app/assets/stylesheets/admin/_variables.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* line 158, app/assets/stylesheets/admin/_variables.scss */
.ts-wrapper .ts-dropdown .ts-dropdown-content::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.35);
}

/* line 141, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option[data-value=''] {
  display: none;
}

/* line 145, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding: 6px 10px;
  color: #3D3C3B;
  cursor: pointer;
}

/* line 152, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option.active {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
  color: #3D3C3B;
}

/* line 157, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option.selected {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
  color: #3D3C3B;
}

/* line 163, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option.option-level-0 {
  font-weight: 700;
}

/* line 166, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option.option-level-1 {
  padding-left: 20px;
}

/* line 169, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .option.option-level-2 {
  font-style: italic;
  padding-left: 40px;
}

/* line 176, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .create {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding: 6px 10px;
  color: var(--app-color, #2540F5);
  cursor: pointer;
}

/* line 183, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .create.active {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 189, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .no-results {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding: 8px 10px;
  color: #777;
}

/* line 197, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-dropdown .spinner {
  padding: 8px 10px;
}

/* line 204, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-control .clear-button {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: #3D3C3B;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  opacity: 0.6;
  z-index: 1;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 219, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper .ts-control .clear-button:hover {
  opacity: 1;
}

/* line 225, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper:not(.has-items) .clear-button {
  display: none !important;
}

/* line 230, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi .ts-control .clear-button {
  right: 8px !important;
}

/* line 235, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi .ts-control {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px 7px !important;
  min-height: 32px;
}

/* line 242, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi .ts-control > .item {
  background: color-mix(in srgb, var(--app-color, #2540F5) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--app-color, #2540F5) 20%, transparent);
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

/* line 255, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi .ts-control > .item .remove {
  color: var(--app-color, #2540F5);
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  opacity: 0.6;
  line-height: 1;
}

/* line 263, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi .ts-control > .item .remove:hover {
  opacity: 1;
}

/* line 269, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi .ts-control > input {
  flex: 1;
  min-width: 60px;
}

/* line 276, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi.has-items .ts-control > input {
  min-width: 30px;
}

/* line 277, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.multi.has-items .ts-control > input::placeholder {
  color: transparent !important;
}

/* line 282, app/assets/stylesheets/admin/tom_select.scss */
.ts-wrapper.disabled .ts-control {
  background: rgba(0, 0, 0, 0.05);
  opacity: 0.7;
  cursor: default;
}

/* line 290, app/assets/stylesheets/admin/tom_select.scss */
.field .ts-wrapper,
.choose .ts-wrapper {
  width: 100% !important;
}
/* line 7, app/assets/stylesheets/admin/top_bar.scss */
.top-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding: 0 10px;
  background: linear-gradient(180deg, var(--app-color, #2540F5), color-mix(in srgb, var(--app-color, #2540F5), white 18%));
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* line 23, app/assets/stylesheets/admin/top_bar.scss */
.top-bar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 50px;
  min-width: 0;
  flex: 1;
  margin-right: 16px;
}

/* line 33, app/assets/stylesheets/admin/top_bar.scss */
.top-bar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 50px;
  flex-shrink: 0;
}

/* line 42, app/assets/stylesheets/admin/top_bar.scss */
.menu-toggle {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  justify-content: center;
}

/* line 47, app/assets/stylesheets/admin/top_bar.scss */
.menu-toggle .icon {
  margin: 0;
  top: 0;
  font-size: 1.3em;
}

/* line 50, app/assets/stylesheets/admin/top_bar.scss */
.tenant-name {
  display: flex;
  align-items: center;
  font-size: 17px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}

/* line 60, app/assets/stylesheets/admin/top_bar.scss */
.tenant-link {
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
}

/* line 66, app/assets/stylesheets/admin/top_bar.scss */
.tenant-link:hover {
  opacity: 0.9;
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/admin/top_bar.scss */
.section-separator {
  font-weight: 400;
  font-style: normal;
  color: #fff;
  opacity: 0.85;
  margin-right: 4px;
  flex-shrink: 0;
}

/* line 80, app/assets/stylesheets/admin/top_bar.scss */
.section-label {
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  opacity: 0.85;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 89, app/assets/stylesheets/admin/top_bar.scss */
a.section-label:hover {
  opacity: 1;
  text-decoration: none;
}

/* line 95, app/assets/stylesheets/admin/top_bar.scss */
.impersonation-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 14px;
}

/* line 105, app/assets/stylesheets/admin/top_bar.scss */
.impersonation-badge span {
  font-weight: 700;
  color: #fff;
}

/* line 111, app/assets/stylesheets/admin/top_bar.scss */
.impersonation-exit {
  font-weight: 700;
  color: #fff;
  font-size: 11px;
}

/* line 120, app/assets/stylesheets/admin/top_bar.scss */
.flyout-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  color: #3D3C3B;
  white-space: nowrap;
}

/* line 130, app/assets/stylesheets/admin/top_bar.scss */
.flyout-item:hover, .flyout-item.active {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 134, app/assets/stylesheets/admin/top_bar.scss */
.flyout-item.logout {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  color: #AB2430;
}

/* line 142, app/assets/stylesheets/admin/top_bar.scss */
.language-picker-name {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
}

/* line 148, app/assets/stylesheets/admin/top_bar.scss */
.user-menu {
  position: relative;
}

/* line 151, app/assets/stylesheets/admin/top_bar.scss */
.user-menu .impersonating {
  background: #e5c600;
  border-color: #e5c600;
  color: #000;
}

/* line 156, app/assets/stylesheets/admin/top_bar.scss */
.user-menu .impersonating:hover {
  background: #ffe019;
}

/* line 162, app/assets/stylesheets/admin/top_bar.scss */
.user-menu-dropdown {
  min-width: 180px;
}

/* line 167, app/assets/stylesheets/admin/top_bar.scss */
.user-menu-languages {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 171, app/assets/stylesheets/admin/top_bar.scss */
.locale-toggle {
  cursor: pointer;
}

/* line 175, app/assets/stylesheets/admin/top_bar.scss */
.locale-toggle-arrow {
  margin-left: auto;
  font-size: 6px;
  color: #777;
}

/* line 182, app/assets/stylesheets/admin/top_bar.scss */
.user-menu-languages.expanded .locale-toggle {
  background: color-mix(in srgb, var(--app-color, #2540F5) 12%, transparent);
}

/* line 189, app/assets/stylesheets/admin/top_bar.scss */
.locale-list {
  max-height: 280px;
  overflow-y: auto;
}

/* line 199, app/assets/stylesheets/admin/top_bar.scss */
.locale-options .locale-filter-input {
  display: block;
  width: auto;
  margin: 8px 12px;
}

/* line 205, app/assets/stylesheets/admin/top_bar.scss */
.locale-empty {
  padding: 8px 12px;
  font-style: italic;
  color: #777;
}

/* line 217, app/assets/stylesheets/admin/top_bar.scss */
.field-help-toggle {
  width: 100%;
  background: none;
  border: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

/* line 226, app/assets/stylesheets/admin/top_bar.scss */
.field-help-switch {
  flex: 0 0 auto;
  width: 36px;
  height: 20px;
  background: #ccc;
  border-radius: 10px;
  position: relative;
  transition: background 0.2s;
}

/* line 235, app/assets/stylesheets/admin/top_bar.scss */
.field-help-switch::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.2s;
}

/* line 248, app/assets/stylesheets/admin/top_bar.scss */
.field-help-toggle.is-on .field-help-switch {
  background: var(--app-color, #2540F5);
}

/* line 251, app/assets/stylesheets/admin/top_bar.scss */
.field-help-toggle.is-on .field-help-switch::after {
  transform: translateX(16px);
}
/* line 5, app/assets/stylesheets/admin/user_group.scss */
.user-group .permissions .field {
  padding: 0;
}

/* line 10, app/assets/stylesheets/admin/user_group.scss */
.user-group .toggle-all input[type="checkbox"]:checked {
  background: #0A8340;
}
/* line 11, app/assets/stylesheets/admin/welcome.scss */
.content > .show.welcome {
  padding: 22px;
}

/* line 13, app/assets/stylesheets/admin/welcome.scss */
.content > .show.welcome > * {
  margin-left: auto;
  margin-right: auto;
}

/* line 19, app/assets/stylesheets/admin/welcome.scss */
.welcome-hero {
  box-sizing: border-box;
  padding: 30.8px 28.6px;
  margin-bottom: 22px;
  border-radius: 14px;
  background: radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--app-color, #2540F5), transparent 82%) 0%, transparent 55%), linear-gradient(135deg, var(--app-color, #2540F5) 0%, color-mix(in srgb, var(--app-color, #2540F5), white 18%) 100%);
  color: #fff;
}

/* line 44, app/assets/stylesheets/admin/welcome.scss */
.welcome-hero h1 {
  margin: 0 0 0.4em;
  font-size: 1.8em;
  font-weight: 600;
  line-height: 1.1;
}

/* line 51, app/assets/stylesheets/admin/welcome.scss */
.welcome-hero .welcome-intro {
  margin: 0 0 22px;
  max-width: 640px;
  opacity: 0.92;
  line-height: 1.55;
}

/* line 58, app/assets/stylesheets/admin/welcome.scss */
.welcome-hero .welcome-handbook-hint {
  margin: 0 0 22px;
  max-width: 640px;
  font-size: 13px;
  opacity: 0.85;
}

/* line 64, app/assets/stylesheets/admin/welcome.scss */
.welcome-hero .welcome-handbook-hint a {
  color: inherit;
  text-decoration: underline;
}

/* line 71, app/assets/stylesheets/admin/welcome.scss */
.welcome-progress {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 76, app/assets/stylesheets/admin/welcome.scss */
.welcome-progress .welcome-progress-label {
  font-size: 13px;
  opacity: 0.85;
}

/* line 81, app/assets/stylesheets/admin/welcome.scss */
.welcome-progress .welcome-progress-bar {
  height: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.22);
  overflow: hidden;
}

/* line 88, app/assets/stylesheets/admin/welcome.scss */
.welcome-progress .welcome-progress-fill {
  display: block;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transition: width 0.4s ease;
}

/* line 97, app/assets/stylesheets/admin/welcome.scss */
.welcome-cards {
  list-style: none;
  margin: 0 0 33px;
  padding: 0;
  display: grid;
  gap: 12px;
}

/* line 105, app/assets/stylesheets/admin/welcome.scss */
.welcome-card {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 22px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 14px;
}

/* line 115, app/assets/stylesheets/admin/welcome.scss */
.welcome-card.done {
  background: #fafafa;
  border-color: #dedede;
}

/* line 119, app/assets/stylesheets/admin/welcome.scss */
.welcome-card.done .welcome-card-label {
  text-decoration: line-through;
  color: #777;
}

/* line 124, app/assets/stylesheets/admin/welcome.scss */
.welcome-card.done .welcome-card-description {
  color: #777;
}

/* line 128, app/assets/stylesheets/admin/welcome.scss */
.welcome-card.done .welcome-card-index {
  background: #2a9d64;
  color: #fff;
  border-color: #2a9d64;
}

/* line 136, app/assets/stylesheets/admin/welcome.scss */
.welcome-card-index {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fafafa;
  color: #3D3C3B;
  font-weight: 600;
  font-size: 13px;
}

/* line 150, app/assets/stylesheets/admin/welcome.scss */
.welcome-card-body {
  min-width: 0;
}

/* line 153, app/assets/stylesheets/admin/welcome.scss */
.welcome-card-body .welcome-card-label {
  margin: 0 0 4px;
  font-size: 1.05em;
  font-weight: 600;
}

/* line 159, app/assets/stylesheets/admin/welcome.scss */
.welcome-card-body .welcome-card-description {
  margin: 0;
  color: #777;
  line-height: 1.5;
  font-size: 13px;
}

/* line 168, app/assets/stylesheets/admin/welcome.scss */
.welcome-card-action .welcome-card-done {
  color: #2a9d64;
  font-weight: 600;
  font-size: 13px;
}

/* line 174, app/assets/stylesheets/admin/welcome.scss */
.welcome-card-action .button {
  white-space: nowrap;
}

/* line 179, app/assets/stylesheets/admin/welcome.scss */
.welcome-footer {
  display: flex;
  justify-content: center;
  padding: 22px 0 44px;
}

@media (max-width: 600px) {
  /* line 186, app/assets/stylesheets/admin/welcome.scss */
  .welcome-hero {
    padding: 22px 17.6px;
  }
  /* line 189, app/assets/stylesheets/admin/welcome.scss */
  .welcome-hero h1 {
    font-size: 1.5em;
  }
  /* line 194, app/assets/stylesheets/admin/welcome.scss */
  .welcome-card {
    grid-template-columns: 40px 1fr;
    grid-template-rows: auto auto;
  }
  /* line 198, app/assets/stylesheets/admin/welcome.scss */
  .welcome-card .welcome-card-action {
    grid-column: 1 / -1;
    justify-self: end;
  }
}