{"version":3,"sources":["home/matt/dev-env/melapress/wp-content/plugins/wp-security-audit-log-premium/classes/components/wsal-header/_wsal-header.scss","toggle-events/css/toggle-events.css","_base.scss","_mixins.scss","home/matt/dev-env/melapress/wp-content/plugins/wp-security-audit-log-premium/classes/components/event-row/_event-row.scss","home/matt/dev-env/melapress/wp-content/plugins/wp-security-audit-log-premium/classes/components/event-list-table/_event-list-table.scss","home/matt/dev-env/melapress/wp-content/plugins/wp-security-audit-log-premium/classes/components/event-list-filters/_event-list-filters.scss","home/matt/dev-env/melapress/wp-content/plugins/wp-security-audit-log-premium/classes/components/paging/_paging.scss","home/matt/dev-env/melapress/wp-content/plugins/wp-security-audit-log-premium/classes/components/event-list/_event-list.scss"],"names":[],"mappings":"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","file":"toggle-events.css","sourcesContent":[".wsal-header {\n\tbackground-color: #fff;\n\tborder-bottom: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: var(--wsal-space-m, 16px) var(--wsal-space-l, 20px);\n\tmargin-left: -20px;\n\n\t&,\n\t> div {\n\t\tdisplay: flex;\n\t}\n\n\t> div {\n\t\tgap: 12px;\n\t\talign-items: center;\n\t}\n\n\t.wsal-icon-svg {\n\t\twidth: 40px;\n\t\theight: 40px;\n\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\t}\n\n\th1 {\n\t\tcolor: #000;\n\t\tfont-size: var(--wsal-title-l, 18px);\n\t\tfont-weight: 700;\n\t\tline-height: 1;\n\t\tpadding: 0;\n\t}\n}\n",".wsal-header {\n  background-color: #fff;\n  border-bottom: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--wsal-space-m, 16px) var(--wsal-space-l, 20px);\n  margin-left: -20px;\n}\n.wsal-header,\n.wsal-header > div {\n  display: flex;\n}\n.wsal-header > div {\n  gap: 12px;\n  align-items: center;\n}\n.wsal-header .wsal-icon-svg {\n  width: 40px;\n  height: 40px;\n}\n.wsal-header .wsal-icon-svg svg {\n  width: 100%;\n  height: 100%;\n}\n.wsal-header h1 {\n  color: #000;\n  font-size: var(--wsal-title-l, 18px);\n  font-weight: 700;\n  line-height: 1;\n  padding: 0;\n}\n\n:root {\n  --wsal-space-2xl: 28px;\n  --wsal-space-xl: 24px;\n  --wsal-space-l: 20px;\n  --wsal-space-m: 16px;\n  --wsal-space-s: 12px;\n  --wsal-space-xs: 8px;\n  --wsal-space-2xs: 4px;\n  --wsal-font-family:\n  \t-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,\n  \tCantarell, 'Helvetica Neue', sans-serif;\n  --wsal-title-xl: 22px;\n  --wsal-title-l: 18px;\n  --wsal-title-m: 16px;\n  --wsal-title-s: 14px;\n  --wsal-text-l: 16px;\n  --wsal-text-m: 14px;\n  --wsal-text-s: 13px;\n  --wsal-card-radius: 5px;\n  --wsal-button-radius: 5px;\n  --wsal-input-radius: 5px;\n  --wsal-color-accent: #2271b1;\n  --wsal-color-accent-hover: #135e96;\n  --wsal-color-text-body: #3c434a;\n  --wsal-color-text-muted: #646970;\n  --wsal-color-bg-body: #f0f0f1;\n  --wsal-color-bg-light: #f6f7f7;\n  --wsal-color-bg-ultra-light: #fff;\n  --wsal-color-border-light: #e2e2e4;\n  --wsal-color-border-strong: #c3c4c7;\n  --wsal-color-border-hover: #8c8f94;\n  --wsal-color-border-focus: #2271b1;\n  --wsal-color-error: #d63638;\n  --wsal-color-error-text: #a71212;\n  --wsal-color-error-bg: #fcf0f1;\n  --wsal-color-success: #00a32a;\n  --wsal-color-success-text: #007017;\n  --wsal-color-success-bg: #edfaef;\n  --wsal-color-warning: #dba617;\n  --wsal-color-warning-text: #996800;\n  --wsal-color-warning-bg: #fcf9e8;\n  --wsal-color-info: #72aee6;\n  --wsal-color-info-text: #2271b1;\n  --wsal-color-info-bg: #f0f6fc;\n  --wsal-shadow-input: 0px 2px 2px rgba(0, 0, 0, 0.05);\n  --wsal-shadow-popup: 0px 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.wsal-font-body,\n.wsal-font-body * {\n  font-family: var(--wsal-font-family);\n}\n\n.wsal-accent-title {\n  text-transform: uppercase;\n  font-size: var(--wsal-text-s, 13px);\n  font-weight: 600;\n}\n\n.wsal-label {\n  font-size: var(--wsal-text-s, 13px);\n  font-weight: 600;\n}\n\n.wsal-button {\n  display: flex;\n  align-items: center;\n  border: none;\n  border-radius: var(--wsal-button-radius, 5px);\n  background-color: var(--wsal-color-accent, #2271b1);\n  color: var(--wsal-color-bg-ultra-light, #fff);\n  font-size: var(--wsal-text-m, 14px);\n  line-height: 1;\n  outline: none;\n  justify-content: center;\n  padding: var(--wsal-space-s, 12px);\n  white-space: nowrap;\n  cursor: pointer;\n}\n.wsal-button.wsal-button-outline {\n  border-radius: var(--wsal-button-radius, 5px);\n  border: 1px solid var(--wsal-color-accent, #2271b1);\n  background-color: transparent;\n  color: var(--wsal-color-accent, #2271b1);\n  padding: 11px;\n}\n.wsal-button.wsal-button-outline span {\n  line-height: 1;\n  margin-right: 8px;\n}\n.wsal-button.wsal-button-small {\n  padding: var(--wsal-space-xs, 8px);\n  font-size: 12px;\n}\n\n.wsal-input-field-wrapper {\n  margin-bottom: 16px;\n}\n.wsal-input-field-wrapper label {\n  display: block;\n  margin-top: 8px;\n  margin-bottom: 12px;\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: var(--wsal-text-m, 14px);\n  font-weight: 590;\n  line-height: 1.5;\n}\n.wsal-input-field-wrapper input,\n.wsal-input-field-wrapper select {\n  border-radius: var(--wsal-input-radius, 5px);\n  border: 1px solid var(--wsal-color-border-strong, #c3c4c7);\n  background-color: var(--wsal-color-bg-ultra-light, #fff);\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: var(--wsal-text-m, 14px);\n  line-height: 1;\n  width: 100%;\n}\n.wsal-input-field-wrapper input option,\n.wsal-input-field-wrapper select option {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: var(--wsal-text-m, 14px);\n  line-height: 1;\n}\n.wsal-input-field-wrapper select {\n  max-width: initial;\n}\n.wsal-input-field-wrapper .wsal-inline-select-input {\n  display: flex;\n  gap: 12px;\n}\n.wsal-input-field-wrapper .wsal-inline-select-input select {\n  max-width: 132px;\n}\n.wsal-input-field-wrapper .wsal-inline-select-input input {\n  flex-grow: 1;\n}\n.wsal-input-field-wrapper select option:first-child {\n  color: var(--wsal-color-text-muted, #646970);\n}\n.wsal-input-field-wrapper p {\n  color: var(--wsal-color-text-muted, #646970);\n  font-size: var(--wsal-text-s, 13px);\n  margin: 0;\n  margin-top: 12px;\n}\n\n[data-wsal-tooltip] {\n  position: relative;\n}\n\n[data-wsal-tooltip]::before,\n[data-wsal-tooltip]::after {\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  will-change: transform;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.18s ease-in-out 0s;\n}\n\n[data-wsal-tooltip]::before {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-top: 8px solid #1d2327;\n  opacity: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  position: absolute;\n  top: -8px;\n}\n\n[data-wsal-tooltip]::after {\n  content: attr(data-wsal-tooltip);\n  position: absolute;\n  left: 50%;\n  bottom: calc(100% + 8px);\n  transform: translateX(-50%);\n  z-index: 100000;\n  padding: 8px 10px;\n  border-radius: 4px;\n  background: #1d2327;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  white-space: nowrap;\n  pointer-events: none;\n  opacity: 0;\n}\n\n[data-wsal-tooltip]:hover::before,\n[data-wsal-tooltip]:focus-visible::before,\n[data-wsal-tooltip]:hover::after,\n[data-wsal-tooltip]:focus-visible::after {\n  opacity: 1;\n}\n\n.wsal-context-actions-menu {\n  background-color: #fff;\n  border: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  border-radius: var(--wsal-card-radius, 5px);\n  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);\n  width: 240px;\n  display: flex;\n  padding: var(--wsal-space-l, 20px) var(--wsal-space-m, 16px);\n  z-index: 1000;\n}\n.wsal-context-actions-menu li,\n.wsal-context-actions-menu button,\n.wsal-context-actions-menu a {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: 13px;\n  line-height: 1;\n}\n.wsal-context-actions-menu button,\n.wsal-context-actions-menu a {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 8px;\n}\n.wsal-context-actions-menu li,\n.wsal-context-actions-menu .wsal-context-actions-menu-separator {\n  margin-bottom: var(--wsal-space-s, 12px);\n}\n.wsal-context-actions-menu li:last-child {\n  margin-bottom: 0;\n}\n.wsal-context-actions-menu a {\n  text-decoration: none;\n}\n.wsal-context-actions-menu .wsal-context-actions-menu-separator {\n  border-top: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  margin-top: 0;\n}\n\n.wsal-view-main-wrapper {\n  background-color: var(--wsal-color-bg-ultra-light, #fff);\n  border: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  border-radius: var(--wsal-card-radius, 5px);\n  padding-top: var(--wsal-space-m, 16px);\n  margin-bottom: 10px;\n}\n\n.wsal-view-container-header {\n  margin-left: 16px;\n  margin-right: 16px;\n  margin-bottom: 24px;\n}\n.wsal-view-container-header > h1 {\n  font-size: var(--wsal-title-xl, 22px);\n  font-weight: 600;\n  padding: 0;\n}\n.wsal-view-container-header > p {\n  font-size: var(--wsal-text-s, 13px);\n  color: var(--wsal-color-text-muted, #646970);\n}\n\n.wsal-event-row {\n  display: grid;\n  grid-template-columns: 20px 88px 44px minmax(0, 1fr) 22px;\n  grid-template-areas: \"checkbox severity id resource actions\" \"message message message message message\" \"datetime datetime datetime user user\";\n  align-items: center;\n  column-gap: var(--wsal-space-s, 12px);\n  row-gap: var(--wsal-space-m, 16px);\n  background-color: var(--wsal-color-bg-ultra-light, #ffffff);\n  border-bottom: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  padding: var(--wsal-space-m, 16px);\n}\n.wsal-event-row:nth-child(odd) {\n  background-color: var(--wsal-color-bg-light, #f6f7f7);\n}\n.wsal-event-row:last-child {\n  border-bottom: none;\n}\n@media (min-width: 1024px) {\n  .wsal-event-row {\n    grid-template-columns: 20px 20px 2.962962963% 12.2222222222% 5.9259259259% 7.4074074074% minmax(0, 1fr) 7.4074074074% 22px;\n    grid-template-areas: \"checkbox severity id datetime user resource message ip actions\";\n    column-gap: 24px;\n    row-gap: 0;\n  }\n}\n\n.wsal-event-cell-checkbox {\n  grid-area: checkbox;\n}\n\n.wsal-event-cell-severity {\n  grid-area: severity;\n}\n\n.wsal-event-cell-id {\n  grid-area: id;\n}\n\n.wsal-event-cell-resource {\n  grid-area: resource;\n  min-width: 0;\n}\n\n.wsal-event-cell-actions {\n  grid-area: actions;\n  position: relative;\n}\n\n.wsal-event-cell-ip-address {\n  display: none;\n  grid-area: ip;\n}\n\n.wsal-event-cell-filter-link {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wsal-space-2xs, 4px);\n  border: 1px solid transparent;\n  border-radius: var(--wsal-card-radius, 5px);\n  padding: var(--wsal-space-2xs, 4px) var(--wsal-space-xs, 8px);\n  text-decoration: none;\n}\n.wsal-event-cell-filter-link span {\n  line-height: 1.65;\n}\n.wsal-event-cell-filter-link svg {\n  opacity: 0;\n}\n.wsal-event-cell-filter-link:hover, .wsal-event-cell-filter-link:focus-visible {\n  border-color: var(--wsal-color-border-light, #e2e2e4);\n  background-color: var(--wsal-color-bg-ultra-light, #fff);\n}\n.wsal-event-cell-filter-link:hover svg, .wsal-event-cell-filter-link:focus-visible svg {\n  opacity: 1;\n}\n\n.wsal-event-cell-ip-address .wsal-event-cell-filter-link {\n  color: var(--wsal-color-text-muted, #646970);\n}\n\n.wsal-event-cell-description {\n  grid-area: message;\n  min-width: 0;\n}\n\n.wsal-event-cell-date {\n  grid-area: date;\n}\n\n.wsal-event-cell-time {\n  grid-area: time;\n}\n\n.wsal-event-cell-datetime {\n  grid-area: datetime;\n  display: flex;\n  align-items: center;\n  gap: var(--wsal-space-xs, 8px);\n  min-width: 0;\n}\n@media (min-width: 1024px) {\n  .wsal-event-cell-datetime {\n    display: block;\n  }\n  .wsal-event-cell-datetime span {\n    display: block;\n  }\n}\n\n.wsal-event-cell-user {\n  grid-area: user;\n  justify-self: end;\n}\n@media (min-width: 1024px) {\n  .wsal-event-cell-user {\n    justify-self: start;\n  }\n}\n\n.wsal-event-row-object {\n  font-size: 12px;\n  line-height: 1.5;\n  text-transform: capitalize;\n}\n\n.wsal-event-row-severity {\n  display: flex;\n  align-items: center;\n  gap: var(--wsal-space-2xs, 4px);\n}\n.wsal-event-row-severity span {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  line-height: 1.5;\n}\n@media (min-width: 767px) {\n  .wsal-event-row-severity span {\n    display: none;\n  }\n}\n\n.wsal-severity-icon {\n  background-color: hsl(7, 0%, 56%);\n  display: block;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  border: 4px solid;\n  border-color: hsl(0, 0%, 77%);\n}\n.wsal-severity-icon.wsal-severity-wsal_low {\n  background-color: #79be72;\n  border-color: #c3d9c3;\n}\n.wsal-severity-icon.wsal-severity-wsal_medium {\n  background-color: #548bf2;\n  border-color: #aac5f6;\n}\n.wsal-severity-icon.wsal-severity-wsal_high {\n  background-color: #f2a054;\n  border-color: #ffd289;\n}\n.wsal-severity-icon.wsal-severity-wsal_critical {\n  background-color: #d95645;\n  border-color: #f49696;\n}\n\n.wsal-event-row-event-id {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  color: var(--wsal-color-accent, #2271b1);\n  font-size: var(--wsal-text-m, 14px);\n  font-weight: 590;\n  line-height: 1.5;\n  text-decoration: none;\n  cursor: pointer;\n}\n.wsal-event-row-event-id:hover {\n  color: var(--wsal-color-accent-hover, #135e96);\n}\n\n.wsal-event-row-actions-btn {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  cursor: pointer;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n}\n\n.wsal-event-row-message {\n  color: var(--wsal-color-text-muted, #646970);\n  font-size: var(--wsal-text-s, 13px);\n  font-weight: 400;\n  line-height: 1.65;\n  margin-bottom: 0;\n}\n.wsal-event-row-message a {\n  color: var(--wsal-color-accent, #2271b1);\n}\n\n.wsal-event-row-date,\n.wsal-event-row-time,\n.wsal-event-row-user,\n.wsal-event-cell-ip-address {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.65;\n}\n\n.wsal-event-row-time {\n  color: var(--wsal-color-text-muted, #646970);\n}\n\n.wsal-event-row-user {\n  color: var(--wsal-color-accent, #2271b1);\n  text-decoration: none;\n}\n\n@media (min-width: 1024px) {\n  .wsal-event-row span,\n  .wsal-event-row a:not(.wsal-event-row-event-id) {\n    font-size: var(--wsal-text-s, 13px);\n  }\n  .wsal-event-row .wsal-event-cell-ip-address {\n    display: block;\n  }\n}\n.wsal-event-list {\n  border: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  border-radius: var(--wsal-card-radius, 5px);\n}\n.wsal-event-list .wsal-event-row:last-child {\n  border-radius: 0 0 var(--wsal-card-radius, 5px) var(--wsal-card-radius, 5px);\n}\n\n.wsal-event-list-table-header {\n  display: flex;\n  align-items: center;\n  display: none;\n  border-radius: var(--wsal-card-radius, 5px) var(--wsal-card-radius, 5px) 0 0;\n}\n.wsal-event-list-table-header span {\n  color: #343739;\n  font-size: var(--wsal-text-m, 14px);\n  line-height: 1.5;\n}\n.wsal-event-list-table-header > span {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n@media (min-width: 1024px) {\n  .wsal-event-list-table-header {\n    grid-template-columns: 20px 20px 2.962962963% 12.2222222222% 5.9259259259% 7.4074074074% minmax(0, 1fr) 7.4074074074% 22px;\n    background-color: var(--wsal-color-bg-light, #f6f7f7);\n    border-bottom: 1px solid var(--wsal-color-border-light, #e2e2e4);\n    display: grid;\n    align-items: center;\n    column-gap: var(--wsal-space-xl, 24px);\n    padding: var(--wsal-space-xs, 8px) var(--wsal-space-m, 16px);\n  }\n}\n\n.wsal-inline-events {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  gap: 16px;\n  align-items: center;\n}\n.wsal-inline-events span {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: var(--wsal-text-m, 14px);\n  font-weight: 400;\n  line-height: 1.5;\n}\n.wsal-inline-events span:nth-child(odd) {\n  font-weight: 590;\n}\n\n.wsal-event-details-note {\n  grid-column: 1/-1;\n  border-bottom: solid 1px var(--wsal-color-border-light, #e2e2e4);\n  padding-bottom: 16px;\n  margin-bottom: 16px;\n}\n.wsal-event-details-note > * {\n  display: block;\n}\n.wsal-event-details-note span {\n  margin-bottom: 10px;\n}\n.wsal-event-details-note textarea {\n  border-radius: var(--wsal-input-radius, 5px);\n  border: 1px solid var(--wsal-color-border-light, #e2e2e4);\n  color: var(--wsal-color-text-muted, #646970);\n  font-size: 14px;\n  line-height: 1.6;\n  height: 96px;\n  width: 100%;\n  padding: var(--wsal-space-s, 12px);\n}\n\n.wsal-event-notes-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wsal-space-xs, 8px);\n  margin-top: var(--wsal-space-m, 16px);\n}\n.wsal-event-notes-actions span {\n  width: 100%;\n}\n\n.wsal-drawer-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3);\n  z-index: 9998;\n}\n\n.wsal-side-drawer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 100%;\n  background-color: var(--wsal-color-bg-ultra-light, #fff);\n  padding: var(--wsal-space-l, 20px) var(--wsal-space-m, 16px);\n  width: calc(92.30769231% - 32px);\n  overflow-y: auto;\n  z-index: 100000;\n}\n.wsal-side-drawer h2 {\n  font-size: var(--wsal-title-s, 14px);\n  font-weight: 590;\n  line-height: 1;\n  margin-top: 0;\n}\n\n.wsal-drawer-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 32px;\n}\n.wsal-drawer-header h2 {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: var(--wsal-title-xl, 22px);\n  font-weight: 590;\n  padding: var(--wsal-space-xs, 8px) 0;\n  margin: 0;\n}\n.wsal-drawer-header button {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  cursor: pointer;\n}\n\n.wsal-event-details-copy-actions {\n  margin-bottom: 64px;\n}\n.wsal-event-details-copy-actions a {\n  display: block;\n  color: var(--wsal-color-accent, #2271b1);\n  font-size: var(--wsal-title-s, 14px);\n  font-style: normal;\n  line-height: 1;\n  margin-bottom: var(--wsal-space-l, 20px);\n}\n\n.wsal-event-details-log {\n  background-color: var(--wsal-color-bg-light, #f6f7f7);\n  color: var(--colors-UI-text-body, #3c434a);\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Monaco, \"Courier New\", monospace;\n  font-size: var(--wsal-title-s, 13px);\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1.65;\n  padding: var(--wsal-space-m, 16px);\n  margin-left: -16px;\n  margin-right: -16px;\n  white-space: pre-wrap;\n}\n\ninput.wsal-event-row-checkbox {\n  position: relative;\n  border-radius: var(--wsal-input-radius, 5px);\n  border: 1px solid var(--wsal-color-border-strong, #c3c4c7);\n  width: 20px;\n  height: 20px;\n  cursor: pointer;\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);\n  margin-right: 0;\n}\n\ninput.wsal-event-row-checkbox::before,\ninput.wsal-event-row-checkbox:checked::before {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  line-height: 1;\n  height: 16px;\n}\n\ninput.wsal-event-row-checkbox:checked::before {\n  content: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEzIDEwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEgMEw0LjIgNi44TDEuNCA0TDAgNS40TDQuMiA5LjZMMTIuNCAxLjQiIGZpbGw9IiMyMjcxQjEiLz4KPC9zdmc+\");\n  margin: 0;\n}\n\n@media (min-width: 448px) {\n  .wsal-side-drawer {\n    width: 384px;\n  }\n}\n@media (min-width: 610px) {\n  .wsal-side-drawer {\n    width: 546px;\n  }\n}\n.wsal-event-list-filters .wsal-filters-search-input-wrapper {\n  margin-left: 16px;\n  margin-right: 16px;\n}\n.wsal-event-list-filters .wsal-show-filters-wrapper {\n  border-top: solid 1px var(--wsal-color-border-light, #e2e2e4);\n  padding: 16px;\n}\n@media (max-width: 767px) {\n  .wsal-event-list-filters .wsal-show-filters-wrapper {\n    display: flex !important;\n    justify-content: space-between;\n    align-items: center;\n  }\n}\n@media (max-width: 1190px) {\n  .wsal-event-list-filters #wsal-filter-search-btn-desktop {\n    display: none;\n  }\n}\n.wsal-event-list-filters #wsal-show-filters-btn {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  gap: 8px;\n  padding: 0;\n}\n.wsal-event-list-filters #wsal-show-filters-btn span {\n  color: var(--wsal-color-text-body, #3c434a);\n  font-size: var(--wsal-text-m, 14px);\n  font-weight: 600;\n  line-height: 1;\n}\n.wsal-event-list-filters #wsal-show-filters-btn svg {\n  width: 16px;\n  height: 16px;\n}\n.wsal-event-list-filters .wsal-filters-dropdowns {\n  display: flex;\n  align-items: center;\n  margin-left: 16px;\n  margin-right: 16px;\n}\n.wsal-event-list-filters .wsal-filters-dropdowns .wsal-button {\n  width: 100%;\n  margin-bottom: 16px;\n}\n.wsal-event-list-filters .wsal-filters-dropdowns .wsal-input-field-wrapper {\n  margin-bottom: 8px;\n}\n@media (max-width: 767px) {\n  .wsal-event-list-filters .wsal-filters-dropdowns,\n  .wsal-event-list-filters .wsal-filters-dropdowns #wsal-advanced-filters-btn + .wsal-filter-reset {\n    display: none;\n  }\n}\n@media (max-width: 1190px) {\n  .wsal-event-list-filters .wsal-filters-dropdowns .wsal-input-field-wrapper > label {\n    display: none;\n  }\n}\n@media (min-width: 768px) {\n  .wsal-event-list-filters .wsal-filters-dropdowns {\n    gap: 16px;\n    margin-bottom: var(--wsal-space-xl, 24px);\n  }\n  .wsal-event-list-filters .wsal-filters-dropdowns .wsal-input-field-wrapper,\n  .wsal-event-list-filters .wsal-filters-dropdowns #wsal-advanced-filters-btn {\n    margin-bottom: 0;\n  }\n  .wsal-event-list-filters .wsal-filters-dropdowns .wsal-input-field-wrapper {\n    width: 15%;\n    flex-grow: 1;\n  }\n  .wsal-event-list-filters .wsal-filters-dropdowns #wsal-advanced-filters-btn {\n    flex-grow: 0;\n    max-width: 120px;\n    margin-left: auto;\n  }\n}\n@media (min-width: 767px) {\n  .wsal-event-list-filters .wsal-filters-dropdowns #wsal-advanced-filters-btn {\n    margin-left: 0;\n  }\n  .wsal-event-list-filters .wsal-filters-dropdowns .wsal-filter-reset {\n    margin-left: auto;\n  }\n}\n.wsal-event-list-filters .wsal-filter-reset {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  color: var(--wsal-color-text-muted, #646970);\n  font-size: var(--wsal-text-s, 13px);\n  font-weight: 400;\n}\n@media (min-width: 1191px) {\n  .wsal-event-list-filters .wsal-input-field-wrapper {\n    display: flex;\n    align-items: center;\n    gap: var(--wsal-space-xs, 8px);\n    max-width: 216px;\n  }\n  .wsal-event-list-filters .wsal-input-field-wrapper label,\n  .wsal-event-list-filters .wsal-input-field-wrapper select {\n    margin: 0;\n  }\n  .wsal-event-list-filters .wsal-input-field-wrapper label {\n    line-height: 1;\n    white-space: nowrap;\n  }\n  .wsal-event-list-filters .wsal-input-field-wrapper select {\n    min-height: 40px;\n  }\n}\n\n#wsal-advanced-filters-btn {\n  cursor: pointer;\n}\n\n.wsal-input-field-wrapper + #wsal-advanced-filters-btn {\n  max-height: 30px;\n}\n\n.wsal-filters-search-input {\n  display: flex;\n  align-items: center;\n  border-radius: var(--wsal-input-radius, 5px);\n  border: 1px solid var(--wsal-color-border-strong, #c3c4c7);\n  justify-content: space-between;\n  padding: 11px 12px;\n}\n.wsal-filters-search-input input,\n.wsal-filters-search-input button {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  min-height: auto;\n  padding: 0;\n}\n.wsal-filters-search-input input {\n  line-height: 1;\n  font-size: var(--wsal-text-m, 14px);\n  width: 100%;\n}\n.wsal-filters-search-input input:focus {\n  outline: none;\n  box-shadow: none;\n}\n.wsal-filters-search-input button {\n  width: 16px;\n  height: 16px;\n}\n\n.wsal-filters-search-input-wrapper {\n  margin-bottom: 16px;\n}\n\n@media (max-width: 782px) {\n  .wsal-input-field-wrapper input,\n  .wsal-input-field-wrapper select {\n    min-height: 30px;\n  }\n}\n@media (min-width: 1190px) {\n  .wsal-filters-search-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n  .wsal-filters-search-input {\n    width: 100%;\n    padding: 9px 12px 10px;\n    max-width: 546px;\n  }\n  #wsal-filter-search-btn-desktop {\n    width: 108px;\n  }\n  .wsal-input-field-wrapper + #wsal-advanced-filters-btn {\n    max-height: 40px;\n  }\n}\n.wsal-paging {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n.wsal-paging > button {\n  background-color: transparent;\n  border: none;\n  outline: none;\n  box-shadow: none;\n  cursor: pointer;\n  background-color: var(--wsal-color-bg-light, #f6f7f7);\n  border-radius: var(--wsal-button-radius, 5px);\n  color: var(--wsal-color-text-body, #3c434a);\n  line-height: 1;\n  padding: var(--wsal-space-xs, 8px);\n  width: 40px;\n  height: 40px;\n  transition: 0.15s ease background-color, 0.15s ease color;\n}\n.wsal-paging > button svg path {\n  transition: 0.15s ease stroke;\n}\n.wsal-paging > button.wsal-paging-active, .wsal-paging > button:hover:not(.wsal-paging-ellipsis) {\n  background-color: var(--wsal-color-accent, #2271b1);\n  color: #fff;\n}\n.wsal-paging > button.wsal-paging-active svg path, .wsal-paging > button:hover:not(.wsal-paging-ellipsis) svg path {\n  stroke: #fff;\n}\n.wsal-paging > button .wsal-paging-ellipsis, .wsal-paging > button.wsal-paging-active {\n  cursor: default;\n}\n.wsal-paging .wsal-paging-ellipsis {\n  pointer-events: none;\n}\n\n.wsal-event-list-wrapper {\n  margin: 16px;\n}","/// Base design variables and utility classes for Melapress plugins.\n///\n/// Source: https://github.com/Melapress/plugins-ui-project/blob/main/tokens.md\n///\n/// @since 6.0.0\n\n@use 'templates/mixins';\n@use 'templates/breakpoints' as *;\n@use 'components/wsal-header/wsal-header';\n\n:root {\n\t// Spacing\n\t--wsal-space-2xl: 28px;\n\t--wsal-space-xl: 24px;\n\t--wsal-space-l: 20px;\n\t--wsal-space-m: 16px;\n\t--wsal-space-s: 12px;\n\t--wsal-space-xs: 8px;\n\t--wsal-space-2xs: 4px;\n\n\t// Typography\n\t--wsal-font-family:\n\t\t-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,\n\t\tCantarell, 'Helvetica Neue', sans-serif;\n\n\t--wsal-title-xl: 22px;\n\t--wsal-title-l: 18px;\n\t--wsal-title-m: 16px;\n\t--wsal-title-s: 14px;\n\t--wsal-text-l: 16px;\n\t--wsal-text-m: 14px;\n\t--wsal-text-s: 13px;\n\n\t// Border radius\n\t--wsal-card-radius: 5px;\n\t--wsal-button-radius: 5px;\n\t--wsal-input-radius: 5px;\n\n\t// Colors\n\t--wsal-color-accent: #2271b1;\n\t--wsal-color-accent-hover: #135e96;\n\t--wsal-color-text-body: #3c434a;\n\t--wsal-color-text-muted: #646970;\n\n\t// Colors — backgrounds\n\t--wsal-color-bg-body: #f0f0f1;\n\t--wsal-color-bg-light: #f6f7f7;\n\t--wsal-color-bg-ultra-light: #fff;\n\n\t// Colors — borders\n\t--wsal-color-border-light: #e2e2e4;\n\t--wsal-color-border-strong: #c3c4c7;\n\t--wsal-color-border-hover: #8c8f94;\n\t--wsal-color-border-focus: #2271b1;\n\n\t// Colors — error\n\t--wsal-color-error: #d63638;\n\t--wsal-color-error-text: #a71212;\n\t--wsal-color-error-bg: #fcf0f1;\n\n\t// Colors — success\n\t--wsal-color-success: #00a32a;\n\t--wsal-color-success-text: #007017;\n\t--wsal-color-success-bg: #edfaef;\n\n\t// Colors — warning\n\t--wsal-color-warning: #dba617;\n\t--wsal-color-warning-text: #996800;\n\t--wsal-color-warning-bg: #fcf9e8;\n\n\t// Colors — info\n\t--wsal-color-info: #72aee6;\n\t--wsal-color-info-text: #2271b1;\n\t--wsal-color-info-bg: #f0f6fc;\n\n\t// Shadows\n\t--wsal-shadow-input: 0px 2px 2px rgba(0, 0, 0, 0.05);\n\t--wsal-shadow-popup: 0px 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n// Utility classes\n.wsal-font-body,\n.wsal-font-body * {\n\tfont-family: var(--wsal-font-family);\n}\n\n.wsal-accent-title {\n\ttext-transform: uppercase;\n\tfont-size: var(--wsal-text-s, 13px);\n\tfont-weight: 600;\n}\n\n.wsal-label {\n\tfont-size: var(--wsal-text-s, 13px);\n\tfont-weight: 600;\n}\n\n.wsal-button {\n\t@include mixins.wsal-flex-center-y;\n\n\tborder: none;\n\tborder-radius: var(--wsal-button-radius, 5px);\n\tbackground-color: var(--wsal-color-accent, #2271b1);\n\tcolor: var(--wsal-color-bg-ultra-light, #fff);\n\tfont-size: var(--wsal-text-m, 14px);\n\tline-height: 1;\n\toutline: none;\n\tjustify-content: center;\n\tpadding: var(--wsal-space-s, 12px);\n\twhite-space: nowrap;\n\tcursor: pointer;\n\n\t&.wsal-button-outline {\n\t\tborder-radius: var(--wsal-button-radius, 5px);\n\t\tborder: 1px solid var(--wsal-color-accent, #2271b1);\n\t\tbackground-color: transparent;\n\t\tcolor: var(--wsal-color-accent, #2271b1);\n\t\tpadding: 11px;\n\n\t\tspan {\n\t\t\tline-height: 1;\n\t\t\tmargin-right: 8px;\n\t\t}\n\t}\n\n\t&.wsal-button-small {\n\t\tpadding: var(--wsal-space-xs, 8px);\n\t\tfont-size: 12px;\n\t}\n}\n\n// Use this for input fields, both settings and filters.\n.wsal-input-field-wrapper {\n\tmargin-bottom: 16px;\n\n\tlabel {\n\t\tdisplay: block;\n\t\tmargin-top: 8px;\n\t\tmargin-bottom: 12px;\n\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tfont-size: var(--wsal-text-m, 14px);\n\t\tfont-weight: 590;\n\t\tline-height: 1.5;\n\t}\n\n\tinput,\n\tselect {\n\t\tborder-radius: var(--wsal-input-radius, 5px);\n\t\tborder: 1px solid var(--wsal-color-border-strong, #c3c4c7);\n\t\tbackground-color: var(--wsal-color-bg-ultra-light, #fff);\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tfont-size: var(--wsal-text-m, 14px);\n\t\tline-height: 1;\n\t\twidth: 100%;\n\n\t\toption {\n\t\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\t\tfont-size: var(--wsal-text-m, 14px);\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\tselect {\n\t\tmax-width: initial;\n\t}\n\n\t.wsal-inline-select-input {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\n\t\tselect {\n\t\t\tmax-width: 132px;\n\t\t}\n\n\t\tinput {\n\t\t\tflex-grow: 1;\n\t\t}\n\t}\n\n\tselect option:first-child {\n\t\tcolor: var(--wsal-color-text-muted, #646970);\n\t}\n\n\tp {\n\t\tcolor: var(--wsal-color-text-muted, #646970);\n\t\tfont-size: var(--wsal-text-s, 13px);\n\t\tmargin: 0;\n\t\tmargin-top: 12px;\n\t}\n}\n\n[data-wsal-tooltip] {\n\tposition: relative;\n}\n\n[data-wsal-tooltip]::before,\n[data-wsal-tooltip]::after {\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n\twill-change: transform;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity 0.18s ease-in-out 0s;\n}\n\n[data-wsal-tooltip]::before {\n\tcontent: '';\n\twidth: 0;\n\theight: 0;\n\tborder-left: 8px solid transparent;\n\tborder-right: 8px solid transparent;\n\tborder-top: 8px solid #1d2327;\n\topacity: 0;\n\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tposition: absolute;\n\ttop: -8px;\n}\n\n[data-wsal-tooltip]::after {\n\tcontent: attr(data-wsal-tooltip);\n\tposition: absolute;\n\tleft: 50%;\n\tbottom: calc(100% + 8px);\n\ttransform: translateX(-50%);\n\tz-index: 100000;\n\tpadding: 8px 10px;\n\tborder-radius: 4px;\n\tbackground: #1d2327;\n\tcolor: #fff;\n\tfont-size: 12px;\n\tline-height: 1;\n\twhite-space: nowrap;\n\tpointer-events: none;\n\topacity: 0;\n}\n\n[data-wsal-tooltip]:hover::before,\n[data-wsal-tooltip]:focus-visible::before,\n[data-wsal-tooltip]:hover::after,\n[data-wsal-tooltip]:focus-visible::after {\n\topacity: 1;\n}\n\n.wsal-context-actions-menu {\n\tbackground-color: #fff;\n\tborder: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\tborder-radius: var(--wsal-card-radius, 5px);\n\tbox-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);\n\twidth: 240px;\n\tdisplay: flex;\n\tpadding: var(--wsal-space-l, 20px) var(--wsal-space-m, 16px);\n\tz-index: 1000;\n\n\tli,\n\tbutton,\n\ta {\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tfont-size: 13px;\n\t\tline-height: 1;\n\t}\n\n\tbutton,\n\ta {\n\t\t@include mixins.wsal-reset-button;\n\t\t@include mixins.wsal-flex-center-y;\n\n\t\tcursor: pointer;\n\t\tgap: 8px;\n\t}\n\n\tli,\n\t.wsal-context-actions-menu-separator {\n\t\tmargin-bottom: var(--wsal-space-s, 12px);\n\t}\n\n\tli:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n\n\t.wsal-context-actions-menu-separator {\n\t\tborder-top: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\t\tmargin-top: 0;\n\t}\n}\n\n.wsal-view-main-wrapper {\n\tbackground-color: var(--wsal-color-bg-ultra-light, #fff);\n\tborder: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\tborder-radius: var(--wsal-card-radius, 5px);\n\tpadding-top: var(--wsal-space-m, 16px);\n\tmargin-bottom: 10px;\n}\n\n.wsal-view-container-header {\n\tmargin-left: 16px;\n\tmargin-right: 16px;\n\tmargin-bottom: 24px;\n\n\t> h1 {\n\t\tfont-size: var(--wsal-title-xl, 22px);\n\t\tfont-weight: 600;\n\t\tpadding: 0;\n\t}\n\n\t> p {\n\t\tfont-size: var(--wsal-text-s, 13px);\n\t\tcolor: var(--wsal-color-text-muted, #646970);\n\t}\n}\n","@mixin wsal-flex-center-y {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n@mixin wsal-reset-button {\n\tbackground-color: transparent;\n\tborder: none;\n\toutline: none;\n\tbox-shadow: none;\n}\n\n/// In Figma, the main event log table is 1112px in width with a padding of 16px on x-axis\n/// 1112px - 32px = 1080px\n/// Calc % with: column_size_in_px / 1080px\n/// 20px checkbox\n/// 16px circle icon\n/// 36px id - 2.962962963%\n/// 132px time  - 12.2222222222%\n/// 64px user name - 5.92592592593%\n/// 80px Resource - 7.40740740741%\n/// 376px message - keep minmax for the moment on this one.\n/// 80px ip - 7.40740740741%\n/// 22px dot icon\n@mixin wsal-table-columns-sizes {\n\tgrid-template-columns:\n\t\t20px 20px 2.962962963% 12.2222222222% 5.92592592593% 7.40740740741% minmax(\n\t\t\t0,\n\t\t\t1fr\n\t\t)\n\t\t7.40740740741% 22px;\n}\n","@use 'templates/mixins';\n@use 'templates/breakpoints' as *;\n\n.wsal-event-row {\n\tdisplay: grid;\n\tgrid-template-columns: 20px 88px 44px minmax(0, 1fr) 22px;\n\tgrid-template-areas:\n\t\t'checkbox severity id resource actions'\n\t\t'message message message message message'\n\t\t'datetime datetime datetime user user';\n\talign-items: center;\n\tcolumn-gap: var(--wsal-space-s, 12px);\n\trow-gap: var(--wsal-space-m, 16px);\n\tbackground-color: var(--wsal-color-bg-ultra-light, #ffffff);\n\tborder-bottom: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\tpadding: var(--wsal-space-m, 16px);\n\n\t&:nth-child(odd) {\n\t\tbackground-color: var(--wsal-color-bg-light, #f6f7f7);\n\t}\n\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t@media (min-width: $wsal-tablet-filters-breakpoint) {\n\t\t@include mixins.wsal-table-columns-sizes;\n\n\t\tgrid-template-areas: 'checkbox severity id datetime user resource message ip actions';\n\t\tcolumn-gap: 24px;\n\t\trow-gap: 0;\n\t}\n}\n\n.wsal-event-cell-checkbox {\n\tgrid-area: checkbox;\n}\n\n.wsal-event-cell-severity {\n\tgrid-area: severity;\n}\n\n.wsal-event-cell-id {\n\tgrid-area: id;\n}\n\n.wsal-event-cell-resource {\n\tgrid-area: resource;\n\t// justify-self: end;\n\tmin-width: 0;\n}\n\n.wsal-event-cell-actions {\n\tgrid-area: actions;\n\tposition: relative;\n}\n\n.wsal-event-cell-ip-address {\n\tdisplay: none;\n\tgrid-area: ip;\n}\n\n.wsal-event-cell-filter-link {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--wsal-space-2xs, 4px);\n\tborder: 1px solid transparent;\n\tborder-radius: var(--wsal-card-radius, 5px);\n\tpadding: var(--wsal-space-2xs, 4px) var(--wsal-space-xs, 8px);\n\ttext-decoration: none;\n\n\tspan {\n\t\tline-height: 1.65;\n\t}\n\n\tsvg {\n\t\topacity: 0;\n\t}\n\n\t&:hover,\n\t&:focus-visible {\n\t\tborder-color: var(--wsal-color-border-light, #e2e2e4);\n\t\tbackground-color: var(--wsal-color-bg-ultra-light, #fff);\n\n\t\tsvg {\n\t\t\topacity: 1;\n\t\t}\n\t}\n}\n\n.wsal-event-cell-ip-address .wsal-event-cell-filter-link {\n\tcolor: var(--wsal-color-text-muted, #646970);\n}\n\n.wsal-event-cell-description {\n\tgrid-area: message;\n\tmin-width: 0;\n}\n\n.wsal-event-cell-date {\n\tgrid-area: date;\n}\n\n.wsal-event-cell-time {\n\tgrid-area: time;\n}\n\n.wsal-event-cell-datetime {\n\tgrid-area: datetime;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--wsal-space-xs, 8px);\n\tmin-width: 0;\n\n\t@media (min-width: $wsal-tablet-filters-breakpoint) {\n\t\tdisplay: block;\n\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n.wsal-event-cell-user {\n\tgrid-area: user;\n\tjustify-self: end;\n\n\t@media (min-width: $wsal-tablet-filters-breakpoint) {\n\t\tjustify-self: start;\n\t}\n}\n\n.wsal-event-row-object {\n\tfont-size: 12px;\n\tline-height: 1.5;\n\ttext-transform: capitalize;\n}\n\n.wsal-event-row-severity {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--wsal-space-2xs, 4px);\n\n\tspan {\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tfont-size: 11px;\n\t\tfont-weight: 700;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.5px;\n\t\tline-height: 1.5;\n\t}\n\n\t@media (min-width: $wsal-mobile-filters-breakpoint) {\n\t\tspan {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.wsal-severity-icon {\n\tbackground-color: hsl(7, 0%, 56%);\n\tdisplay: block;\n\twidth: 12px;\n\theight: 12px;\n\tborder-radius: 50%;\n\tborder: 4px solid;\n\tborder-color: hsl(0, 0%, 77%);\n\n\t&.wsal-severity-wsal_informational {\n\t}\n\n\t&.wsal-severity-wsal_low {\n\t\tbackground-color: #79be72;\n\t\tborder-color: #c3d9c3;\n\t}\n\n\t&.wsal-severity-wsal_medium {\n\t\tbackground-color: #548bf2;\n\t\tborder-color: #aac5f6;\n\t}\n\n\t&.wsal-severity-wsal_high {\n\t\tbackground-color: #f2a054;\n\t\tborder-color: #ffd289;\n\t}\n\n\t&.wsal-severity-wsal_critical {\n\t\tbackground-color: #d95645;\n\t\tborder-color: #f49696;\n\t}\n}\n\n.wsal-event-row-event-id {\n\t@include mixins.wsal-reset-button;\n\n\tcolor: var(--wsal-color-accent, #2271b1);\n\tfont-size: var(--wsal-text-m, 14px);\n\tfont-weight: 590;\n\tline-height: 1.5;\n\ttext-decoration: none;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tcolor: var(--wsal-color-accent-hover, #135e96);\n\t}\n}\n\n.wsal-event-row-actions-btn {\n\t@include mixins.wsal-reset-button;\n\n\tcursor: pointer;\n\twidth: 22px;\n\theight: 22px;\n\tpadding: 0;\n}\n\n.wsal-event-row-message {\n\tcolor: var(--wsal-color-text-muted, #646970);\n\tfont-size: var(--wsal-text-s, 13px);\n\tfont-weight: 400;\n\tline-height: 1.65;\n\tmargin-bottom: 0;\n\n\ta {\n\t\tcolor: var(--wsal-color-accent, #2271b1);\n\t}\n}\n\n.wsal-event-row-date,\n.wsal-event-row-time,\n.wsal-event-row-user,\n.wsal-event-cell-ip-address {\n\tcolor: var(--wsal-color-text-body, #3c434a);\n\tfont-size: 11px;\n\tfont-weight: 400;\n\tline-height: 1.65;\n}\n\n.wsal-event-row-time {\n\tcolor: var(--wsal-color-text-muted, #646970);\n}\n\n.wsal-event-row-user {\n\tcolor: var(--wsal-color-accent, #2271b1);\n\ttext-decoration: none;\n}\n\n@media (min-width: $wsal-tablet-filters-breakpoint) {\n\t.wsal-event-row {\n\t\tspan,\n\t\ta:not(.wsal-event-row-event-id) {\n\t\t\tfont-size: var(--wsal-text-s, 13px);\n\t\t}\n\n\t\t.wsal-event-cell-ip-address {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n","@use 'templates/mixins';\n@use 'templates/breakpoints' as *;\n@use 'components/event-row/event-row';\n\n.wsal-event-list {\n\tborder: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\tborder-radius: var(--wsal-card-radius, 5px);\n\n\t.wsal-event-row:last-child {\n\t\tborder-radius: 0 0 var(--wsal-card-radius, 5px) var(--wsal-card-radius, 5px);\n\t}\n}\n\n.wsal-event-list-table-header {\n\t@include mixins.wsal-flex-center-y;\n\n\tdisplay: none;\n\tborder-radius: var(--wsal-card-radius, 5px) var(--wsal-card-radius, 5px) 0 0;\n\n\tspan {\n\t\tcolor: #343739;\n\t\tfont-size: var(--wsal-text-m, 14px);\n\t\tline-height: 1.5;\n\t}\n\n\t> span {\n\t\t@include mixins.wsal-flex-center-y;\n\n\t\tgap: 4px;\n\t}\n\n\t@media (min-width: 1024px) {\n\t\t@include mixins.wsal-table-columns-sizes;\n\n\t\tbackground-color: var(--wsal-color-bg-light, #f6f7f7);\n\t\tborder-bottom: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\t\tdisplay: grid;\n\t\talign-items: center;\n\t\tcolumn-gap: var(--wsal-space-xl, 24px);\n\t\tpadding: var(--wsal-space-xs, 8px) var(--wsal-space-m, 16px);\n\t}\n}\n\n.wsal-inline-events {\n\tdisplay: grid;\n\tgrid-template-columns: max-content 1fr;\n\tgap: 16px;\n\talign-items: center;\n\n\tspan {\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tfont-size: var(--wsal-text-m, 14px);\n\t\tfont-weight: 400;\n\t\tline-height: 1.5;\n\n\t\t&:nth-child(odd) {\n\t\t\tfont-weight: 590;\n\t\t}\n\t}\n}\n\n.wsal-event-details-note {\n\tgrid-column: 1 / -1;\n\tborder-bottom: solid 1px var(--wsal-color-border-light, #e2e2e4);\n\tpadding-bottom: 16px;\n\tmargin-bottom: 16px;\n\n\t& > * {\n\t\tdisplay: block;\n\t}\n\n\tspan {\n\t\tmargin-bottom: 10px;\n\t}\n\n\ttextarea {\n\t\tborder-radius: var(--wsal-input-radius, 5px);\n\t\tborder: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\t\tcolor: var(--wsal-color-text-muted, #646970);\n\t\tfont-size: 14px;\n\t\tline-height: 1.6;\n\t\theight: 96px;\n\t\twidth: 100%;\n\t\tpadding: var(--wsal-space-s, 12px);\n\t}\n}\n\n.wsal-event-notes-actions {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--wsal-space-xs, 8px);\n\tmargin-top: var(--wsal-space-m, 16px);\n\n\tspan {\n\t\twidth: 100%;\n\t}\n}\n\n.wsal-drawer-overlay {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tbackground-color: rgba(0, 0, 0, 0.3);\n\tz-index: 9998;\n}\n\n.wsal-side-drawer {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\theight: 100%;\n\tbackground-color: var(--wsal-color-bg-ultra-light, #fff);\n\tpadding: var(--wsal-space-l, 20px) var(--wsal-space-m, 16px);\n\t// Subtract left margin (32px, but in %) plus the padding on the X axis.\n\twidth: calc(100% - 7.69230769% - 32px);\n\toverflow-y: auto;\n\tz-index: 100000;\n\n\th2 {\n\t\tfont-size: var(--wsal-title-s, 14px);\n\t\tfont-weight: 590;\n\t\tline-height: 1;\n\t\tmargin-top: 0;\n\t}\n}\n\n.wsal-drawer-header {\n\t@include mixins.wsal-flex-center-y;\n\n\tjustify-content: space-between;\n\tmargin-bottom: 32px;\n\n\th2 {\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tfont-size: var(--wsal-title-xl, 22px);\n\t\tfont-weight: 590;\n\t\tpadding: var(--wsal-space-xs, 8px) 0;\n\t\tmargin: 0;\n\t}\n\n\tbutton {\n\t\t@include mixins.wsal-reset-button;\n\n\t\tcursor: pointer;\n\t}\n}\n\n.wsal-event-details-copy-actions {\n\tmargin-bottom: 64px;\n\n\ta {\n\t\tdisplay: block;\n\t\tcolor: var(--wsal-color-accent, #2271b1);\n\t\tfont-size: var(--wsal-title-s, 14px);\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tmargin-bottom: var(--wsal-space-l, 20px);\n\t}\n}\n\n.wsal-event-details-log {\n\tbackground-color: var(--wsal-color-bg-light, #f6f7f7);\n\tcolor: var(--colors-UI-text-body, #3c434a);\n\tfont-family:\n\t\t'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Monaco, 'Courier New',\n\t\tmonospace;\n\tfont-size: var(--wsal-title-s, 13px);\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 1.65;\n\tpadding: var(--wsal-space-m, 16px);\n\tmargin-left: -16px;\n\tmargin-right: -16px;\n\twhite-space: pre-wrap;\n}\n\ninput.wsal-event-row-checkbox {\n\tposition: relative;\n\tborder-radius: var(--wsal-input-radius, 5px);\n\tborder: 1px solid var(--wsal-color-border-strong, #c3c4c7);\n\twidth: 20px;\n\theight: 20px;\n\tcursor: pointer;\n\tbox-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);\n\tmargin-right: 0;\n}\n\ninput.wsal-event-row-checkbox::before,\ninput.wsal-event-row-checkbox:checked::before {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tline-height: 1;\n\theight: 16px;\n}\n\ninput.wsal-event-row-checkbox:checked::before {\n\tcontent: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEzIDEwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEgMEw0LjIgNi44TDEuNCA0TDAgNS40TDQuMiA5LjZMMTIuNCAxLjQiIGZpbGw9IiMyMjcxQjEiLz4KPC9zdmc+');\n\tmargin: 0;\n}\n\n// Specific media query, to account for design width of drawer + the side margin of 32px + 32px of padding, so 64px.\n@media (min-width: 384px + 64px) {\n\t.wsal-side-drawer {\n\t\twidth: 384px;\n\t}\n}\n\n// For larger screens drawer must be 546px in width. Also account for the 32px margin and 32px padding, so 64px total.\n@media (min-width: 546px + 64px) {\n\t.wsal-side-drawer {\n\t\twidth: 546px;\n\t}\n}\n","@use 'templates/mixins';\n@use 'templates/breakpoints' as *;\n\n.wsal-event-list-filters {\n\t// background-color: var(--wsal-color-bg-ultra-light, #fff);\n\t// border: 1px solid var(--wsal-color-border-light, #e2e2e4);\n\t// border-radius: var(--wsal-card-radius, 5px);\n\t// padding-top: var(--wsal-space-m, 16px);\n\t// margin-bottom: 10px;\n\n\t// > h1,\n\t// > p,\n\t.wsal-filters-search-input-wrapper {\n\t\tmargin-left: 16px;\n\t\tmargin-right: 16px;\n\t}\n\n\t// > h1 {\n\t// \tfont-size: var(--wsal-title-xl, 22px);\n\t// \tfont-weight: 600;\n\t// \tpadding: 0;\n\t// }\n\n\t// > p {\n\t// \tfont-size: var(--wsal-text-s, 13px);\n\t// \tcolor: var(--wsal-color-text-muted, #646970);\n\t// }\n\n\t.wsal-show-filters-wrapper {\n\t\tborder-top: solid 1px var(--wsal-color-border-light, #e2e2e4);\n\t\tpadding: 16px;\n\n\t\t// Hide show filters by default, show only on mobile, due to most wsal users using desktop, avoid cls on larger screens.\n\t\t@media (max-width: $wsal-mobile-filters-breakpoint) {\n\t\t\tdisplay: flex !important;\n\t\t\tjustify-content: space-between;\n\t\t\talign-items: center;\n\t\t}\n\t}\n\n\t#wsal-filter-search-btn-desktop {\n\t\t@media (max-width: $wsal-desktop-filters-breakpoint) {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t#wsal-show-filters-btn {\n\t\t@include mixins.wsal-reset-button;\n\t\t@include mixins.wsal-flex-center-y;\n\n\t\tcursor: pointer;\n\t\tgap: 8px;\n\t\tpadding: 0;\n\n\t\tspan {\n\t\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\t\tfont-size: var(--wsal-text-m, 14px);\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t}\n\t}\n\n\t.wsal-filters-dropdowns {\n\t\t@include mixins.wsal-flex-center-y;\n\n\t\tmargin-left: 16px;\n\t\tmargin-right: 16px;\n\n\t\t.wsal-button {\n\t\t\twidth: 100%;\n\t\t\tmargin-bottom: 16px;\n\t\t}\n\n\t\t.wsal-input-field-wrapper {\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\n\t\t@media (max-width: $wsal-mobile-filters-breakpoint) {\n\t\t\t// Hide wsal-filters-dropdowns on mobile.\n\t\t\t&,\n\t\t\t// Hide the extra reset button on mobile, which will be displayed only on larger screens.\n\t\t\t#wsal-advanced-filters-btn + .wsal-filter-reset {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: $wsal-desktop-filters-breakpoint) {\n\t\t\t.wsal-input-field-wrapper > label {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t@media (min-width: $wsal-mobile-filters-breakpoint + 1px) {\n\t\t\tgap: 16px;\n\t\t\tmargin-bottom: var(--wsal-space-xl, 24px);\n\n\t\t\t.wsal-input-field-wrapper,\n\t\t\t#wsal-advanced-filters-btn {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t.wsal-input-field-wrapper {\n\t\t\t\twidth: 15%;\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\n\t\t\t#wsal-advanced-filters-btn {\n\t\t\t\tflex-grow: 0;\n\t\t\t\tmax-width: 120px;\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\t\t}\n\n\t\t@media (min-width: $wsal-mobile-filters-breakpoint) {\n\t\t\t#wsal-advanced-filters-btn {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t.wsal-filter-reset {\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t.wsal-filter-reset {\n\t\t@include mixins.wsal-reset-button;\n\t\t@include mixins.wsal-flex-center-y;\n\n\t\tjustify-content: space-between;\n\t\tgap: 8px;\n\t\tcolor: var(--wsal-color-text-muted, #646970);\n\t\tfont-size: var(--wsal-text-s, 13px);\n\t\tfont-weight: 400;\n\t}\n\n\t@media (min-width: $wsal-desktop-filters-breakpoint + 1px) {\n\t\t.wsal-input-field-wrapper {\n\t\t\t@include mixins.wsal-flex-center-y;\n\n\t\t\tgap: var(--wsal-space-xs, 8px);\n\t\t\tmax-width: 216px;\n\n\t\t\tlabel,\n\t\t\tselect {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\tlabel {\n\t\t\t\tline-height: 1;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\tselect {\n\t\t\t\tmin-height: 40px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n#wsal-advanced-filters-btn {\n\tcursor: pointer;\n}\n\n.wsal-input-field-wrapper + #wsal-advanced-filters-btn {\n\tmax-height: 30px;\n}\n\n.wsal-filters-search-input {\n\t@include mixins.wsal-flex-center-y;\n\n\tborder-radius: var(--wsal-input-radius, 5px);\n\tborder: 1px solid var(--wsal-color-border-strong, #c3c4c7);\n\tjustify-content: space-between;\n\tpadding: 11px 12px;\n\n\tinput,\n\tbutton {\n\t\t@include mixins.wsal-reset-button;\n\n\t\tmin-height: auto;\n\t\tpadding: 0;\n\t}\n\n\tinput {\n\t\tline-height: 1;\n\t\tfont-size: var(--wsal-text-m, 14px);\n\t\twidth: 100%;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\tbutton {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n}\n\n.wsal-filters-search-input-wrapper {\n\tmargin-bottom: 16px;\n}\n\n@media (max-width: 782px) {\n\t.wsal-input-field-wrapper {\n\t\tinput,\n\t\tselect {\n\t\t\tmin-height: 30px;\n\t\t}\n\t}\n}\n\n@media (min-width: $wsal-desktop-filters-breakpoint) {\n\t.wsal-filters-search-input-wrapper {\n\t\t@include mixins.wsal-flex-center-y;\n\n\t\tgap: 8px;\n\t}\n\n\t.wsal-filters-search-input {\n\t\twidth: 100%;\n\t\tpadding: 9px 12px 10px;\n\t\tmax-width: 546px;\n\t}\n\n\t#wsal-filter-search-btn-desktop {\n\t\twidth: 108px;\n\t}\n\n\t.wsal-input-field-wrapper + #wsal-advanced-filters-btn {\n\t\tmax-height: 40px;\n\t}\n}\n","@use 'templates/mixins';\n\n.wsal-paging {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tmargin-top: 10px;\n\n\t> button {\n\t\t@include mixins.wsal-reset-button;\n\n\t\tcursor: pointer;\n\t\tbackground-color: var(--wsal-color-bg-light, #f6f7f7);\n\t\tborder-radius: var(--wsal-button-radius, 5px);\n\t\tcolor: var(--wsal-color-text-body, #3c434a);\n\t\tline-height: 1;\n\t\tpadding: var(--wsal-space-xs, 8px);\n\n\t\twidth: 40px;\n\t\theight: 40px;\n\n\t\ttransition:\n\t\t\t0.15s ease background-color,\n\t\t\t0.15s ease color;\n\n\t\tsvg path {\n\t\t\ttransition: 0.15s ease stroke;\n\t\t}\n\n\t\t&.wsal-paging-active,\n\t\t&:hover:not(.wsal-paging-ellipsis) {\n\t\t\tbackground-color: var(--wsal-color-accent, #2271b1);\n\t\t\tcolor: #fff;\n\n\t\t\tsvg {\n\t\t\t\tpath {\n\t\t\t\t\tstroke: #fff;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.wsal-paging-ellipsis,\n\t\t&.wsal-paging-active {\n\t\t\tcursor: default;\n\t\t}\n\t}\n\n\t.wsal-paging-ellipsis {\n\t\tpointer-events: none;\n\t}\n}\n","@use 'components/event-list-table/event-list-table';\n@use 'components/event-list-filters/event-list-filters';\n@use 'components/paging/paging';\n\n.wsal-event-list-wrapper {\n\tmargin: 16px;\n}\n"]}