*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
    details > summary {
        list-style: none;
    }

    details > summary::-webkit-details-marker {
        display: none;
    }

    :root {
        --sl-bg: #eef4fb;
        --sl-surface: #ffffff;
        --sl-surface-soft: #f4f9ff;
        --sl-border: #cad9eb;
        --sl-border-soft: #deebf6;
        --sl-text: #506681;
        --sl-text-strong: #17345f;
        --sl-primary: #1f5faa;
        --sl-primary-soft: #dbeaff;
        --sl-secondary: #1698b0;
        --sl-secondary-soft: #ddf6fb;
        --sl-accent: #d5a23c;
        --sl-accent-soft: #fff1cb;
        --sl-success-soft: #e6f7ef;
        --sl-blue-soft: #e7f0ff;
        --sl-amber-soft: #fff2d3;
        --sl-shadow: 0 20px 48px rgba(26, 63, 120, 0.10);
    }

    html {
        font-family: 'Manrope', sans-serif;
    }

    body {
  margin: 0px;
  background-color: var(--sl-bg);
  color: var(--sl-text);
}

    * {
  box-sizing: border-box;
}
    .\!modal {
        display: none !important;
    }
    .modal {
        display: none;
    }

    .\!modal.in {
        display: block !important;
    }

    .modal.in {
        display: block;
    }

    .modal-dialog {
        margin: 3rem auto;
        max-width: 56rem;
    }

    .modal-content {
        border-radius: 1.5rem;
        border: 1px solid #dce3f3;
        background: #fff;
        box-shadow: 0 24px 60px rgba(88, 107, 152, 0.18);
    }

    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 1.25rem 1.5rem;
    }

    .close {
        border: 0;
        background: transparent;
        font-size: 1.5rem;
        line-height: 1;
    }

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.sl-body {
    background:
      radial-gradient(
        circle at top left,
        rgba(22, 152, 176, 0.16),
        transparent 24%
      ),
      radial-gradient(
        circle at top right,
        rgba(213, 162, 60, 0.12),
        transparent 22%
      ),
      linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
    overflow-x: hidden;
  }

.sl-shell {
  display: flex;
  min-height: 100vh;
  gap: 0px;
  background-color: transparent;
  padding: 10px;
    max-width: 100vw;
    overflow-x: hidden;
}

.sl-sidebar {
  position: fixed;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 130;
  width: 248px;
  flex-shrink: 0;
  overflow-y: auto;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 1280px) {

  .sl-sidebar {
    position: static;
    inset: auto;
    z-index: auto;
    display: block;
  }
}

.sl-sidebar {
    transform: translateX(calc(-100% - 16px));
    pointer-events: none;
  }

.sl-main {
  display: flex;
  min-height: 100vh;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
}

.sl-content {
  flex: 1 1 0%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {

  .sl-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1280px) {

  .sl-content {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

.sl-site-sidebar-card {
  display: flex;
  height: calc(100vh - 8px);
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: var(--sl-border);
    box-shadow: 0 12px 28px rgba(26, 63, 120, 0.11);
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition:
      opacity 180ms ease,
      transform 180ms ease;
}

.sl-brand {
  display: flex;
  height: 80px;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-color: var(--sl-border);
    transform-origin: left center;
}

.sl-brand__logo img,
  .sl-brand__placeholder {
  height: auto;
  width: 150px;
  border-radius: 0.75rem;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-brand__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sl-primary-soft);
  font-weight: 800;
  color: var(--sl-primary);
}

.sl-brand__text {
  max-width: 140px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--sl-text-strong);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-brand__text-mobile {
  max-width: 250px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--sl-text-strong);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    display: none;
}

@media (max-width: 640px) {
    .sl-brand__text-mobile {
      display: block;
    }
  }

.sl-brand:hover .sl-brand__logo img,
  .sl-brand:hover .sl-brand__placeholder,
  .sl-brand:hover .sl-brand__text {
    transform: scale(1.035);
  }

.sl-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  border-radius: 10px;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    color: var(--sl-text);
    font-family: "Inter", sans-serif;
    line-height: 1;
    letter-spacing: 0;
}

.sl-nav-item:hover {
    background: linear-gradient(
      90deg,
      rgba(31, 95, 170, 0.08),
      rgba(22, 152, 176, 0.08)
    );
    color: var(--sl-primary);
    box-shadow: none;
  }

.sl-nav-item.is-active {
    background: linear-gradient(
      90deg,
      rgba(31, 95, 170, 0.14),
      rgba(22, 152, 176, 0.1)
    );
    color: var(--sl-primary);
    box-shadow: none;
  }

.sl-nav-item::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0px;
    width: 4px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: transparent;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

.sl-nav-item:hover::before {
    background: var(--sl-secondary);
  }

.sl-nav-item.is-active::before {
    background: var(--sl-primary);
  }

/* Icones do sidebar */

.sl-nav-item__icon {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: transparent;
  color: var(--sl-primary);
}

.sl-nav-item__icon .fa {
    font-size: 20px;
    line-height: 1;
  }

.sl-nav-item__icon svg {
  height: 20px;
  width: 20px;
}

.sl-nav-item__icon .fa,
  .sl-nav-item__icon svg,
  .sl-stat-card__icon .fa,
  .sl-stat-card__icon svg {
    display: block;
  }

/* Fim icones sidebar */

.sl-topbar {
  display: flex;
  min-height: 82px;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
    border-color: var(--sl-border);
    box-shadow: 0 10px 24px rgba(26, 63, 120, 0.06);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.sl-shell.is-sidebar-collapsed .sl-sidebar {
    width: 0;
  }

.sl-shell.is-sidebar-open .sl-sidebar {
    transform: translateX(0);
    pointer-events: auto;
  }

@media (max-width: 1279px) {
    .sl-sidebar {
      overflow: hidden;
    }
  }

.sl-shell.is-sidebar-collapsed .sl-site-sidebar-card {
    opacity: 0;
    pointer-events: none;
    transform: translateX(-12px);
  }

.sl-shell.is-sidebar-collapsed .sl-topbar {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

.sl-sidebar-backdrop {
  position: fixed;
  inset: 0px;
  z-index: 120;
  border-width: 0px;
  background-color: rgba(15,23,42,0.34);
  padding: 0px;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    pointer-events: none;
}

.sl-shell.is-sidebar-open .sl-sidebar-backdrop {
  opacity: 1;
    pointer-events: auto;
}

.sl-topbar__menu {
  display: flex;
  height: 40px;
  width: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(50 57 67 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-topbar__menu svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke-width: 2.25;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-topbar__menu:hover svg {
    transform: scale(1.08);
  }

.sl-topbar__brand-mobile {
    display: none;
  }

.sl-topbar__brand-group {
    display: none;
  }

.sl-topbar__brand-mobile img {
  height: 44px;
  width: auto;
  max-width: 168px;
  -o-object-fit: contain;
     object-fit: contain;
    margin-inline: auto;
}

.sl-search {
  position: relative;
  min-width: 260px;
  flex: 1 1 0%;
}

.sl-search input {
  height: 40px;
  width: 100%;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 3.5rem;
  padding-right: 2.5rem;
  font-size: 14px;
  color: var(--sl-text-strong);
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-search input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 169 194 / var(--tw-text-opacity, 1));
}

.sl-search input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(149 169 194 / var(--tw-text-opacity, 1));
}

.sl-search input:focus {
  border-color: var(--sl-primary);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgba(31,95,170,0.12);
}

.sl-search input {
    border-color: var(--sl-border);
  }

.sl-search__icon {
  pointer-events: none;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: var(--sl-secondary);
}

.sl-topbar__cta {
  display: inline-flex;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-topbar__cta:hover {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.sl-topbar__cta {
    background: var(--sl-primary);
    min-width: 178px;
  }

.sl-page-loader {
  position: fixed;
  inset: 0px;
  z-index: 250;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
    pointer-events: none;
    visibility: hidden;
}

.sl-page-loader-pending.sl-page-loader-visible .sl-page-loader,
  .sl-page-loader.is-visible {
  opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.sl-page-loader__backdrop {
  position: absolute;
  inset: 0px;
    background: rgba(238, 244, 251, 0.6);
    backdrop-filter: blur(10px) saturate(0.94);
    -webkit-backdrop-filter: blur(10px) saturate(0.94);
}

.sl-page-loader__dialog {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  min-width: 170px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border-radius: 24px;
  border-width: 1px;
  background-color: rgba(255,255,255,0.84);
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
    border-color: rgba(202, 217, 235, 0.95);
    box-shadow: 0 20px 40px rgba(26, 63, 120, 0.16);
}

.sl-page-loader__spinner {
  height: 2.75rem;
  width: 2.75rem;
}

@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}

.sl-page-loader__spinner {
  animation: spin 1s linear infinite;
  --tw-text-opacity: 1;
  color: rgb(209 219 239 / var(--tw-text-opacity, 1));
}

.sl-page-loader__spinner path:last-child {
    color: var(--sl-primary);
  }

.sl-page-loader__copy {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.sl-page-loader__copy strong {
  font-size: 15px;
  font-weight: 800;
  color: var(--sl-text-strong);
}

.sl-page-loader__copy span {
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(112 128 157 / var(--tw-text-opacity, 1));
}

.sl-site-sidebar-card__footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border-top-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    border-color: var(--sl-border);
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.92),
      rgba(244, 249, 255, 0.92)
    );
}

.sl-site-sidebar-card__footer-brand {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  align-self: center;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-site-sidebar-card__footer-brand img {
  height: 40px;
  width: auto;
  max-width: 176px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.95;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: none;
}

.sl-site-sidebar-card__footer-brand:hover img {
    transform: scale(1.04);
  }

.sl-site-sidebar-card__footer-meta {
  display: flex;
  width: 100%;
  min-width: 0px;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  text-align: left;
    max-width: 100%;
}

.sl-site-sidebar-card__footer-meta-heading {
  margin-bottom: 0.5rem;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
    color: #6f7f98;
}

.sl-site-sidebar-card__footer-meta-list {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
}

.sl-site-sidebar-card__footer-meta-item {
  width: 100%;
  border-radius: 12px;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
    border-color: rgba(202, 217, 235, 0.65);
    background: rgba(248, 251, 255, 0.92);
}

.sl-site-sidebar-card__footer-meta-item span {
  display: block;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
    color: #7f8ba0;
}

.sl-site-sidebar-card__footer-meta-item strong {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
    color: #496485;
}

.sl-stat-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 10px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 11px;
  padding-bottom: 11px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-color: rgba(202, 217, 235, 0.55);
    box-shadow: 0 12px 26px rgba(26, 63, 120, 0.08);
    transform-origin: center;
}

.sl-stat-card:hover {
    transform: scale(1.02);
  }

.sl-stat-card__icon {
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--sl-primary);
    background: var(--sl-primary-soft);
}

.sl-stat-card__icon .fa {
    font-size: 22px;
    line-height: 1;
  }

.sl-stat-card__icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.sl-stat-card__eyebrow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  color: var(--sl-text);
}

.sl-stat-card__meta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}

.sl-stat-card__meta span {
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.sl-stat-card__meta strong {
  font-size: 15px;
  font-weight: 800;
  color: var(--sl-text);
}

.sl-panel {
  border-radius: 16px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border-color: rgba(202, 217, 235, 0.55);
    box-shadow: 0 14px 30px rgba(26, 63, 120, 0.08);
}

.sl-panel__header {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  border-color: var(--sl-border-soft);
  padding-bottom: 0.75rem;
}

.sl-panel__header h2 {
  margin: 0px;
  font-size: 14px;
  font-weight: 800;
  color: var(--sl-text-strong);
}

.sl-panel__action {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    background: var(--sl-primary-soft);
    color: var(--sl-primary);
}

.sl-panel__action:hover {
    background: var(--sl-blue-soft);
    color: var(--sl-primary);
  }

.sl-chart {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding-top: 0.25rem;
    min-height: 198px;
}

.sl-chart__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.75rem;
  text-align: center;
}

.sl-chart__bar-wrap {
  display: flex;
  height: 150px;
  align-items: flex-end;
  justify-content: center;
  border-radius: 14px;
  border-width: 1px;
  border-color: var(--sl-border-soft);
  background-image: linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    position: relative;
}

.sl-chart__bar {
  width: 66%;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform-origin: bottom center;
}

.sl-chart--destination .sl-chart__item:nth-child(1) .sl-chart__bar {
    background: #084e77;
  }

.sl-chart--destination .sl-chart__item:nth-child(2) .sl-chart__bar {
    background: #26d1c3;
  }

.sl-chart--destination .sl-chart__item:nth-child(3) .sl-chart__bar {
    background: #109ff8;
  }

.sl-chart--destination .sl-chart__item:nth-child(4) .sl-chart__bar {
    background: #a7e0dc;
  }

.sl-chart--destination .sl-chart__item:nth-child(5) .sl-chart__bar {
    background: #88b8d6;
  }

.sl-chart--documents .sl-chart__item:nth-child(1) .sl-chart__bar {
    background: #1f5a84;
  }

.sl-chart--documents .sl-chart__item:nth-child(2) .sl-chart__bar {
    background: #0f9cb6;
  }

.sl-chart--documents .sl-chart__item:nth-child(3) .sl-chart__bar {
    background: #1f93e7;
  }

.sl-chart--documents .sl-chart__item:nth-child(4) .sl-chart__bar {
    background: #5968d8;
  }

.sl-chart--documents .sl-chart__item:nth-child(5) .sl-chart__bar {
    background: #f0a63a;
  }

.sl-document-chart {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
    width: 100%;
    min-width: 0;
}

.sl-panel__body--document-chart {
    width: 100%;
  }

.sl-document-chart__summary {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 768px) {

  .sl-document-chart__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-document-chart__summary {
    width: 100%;
    min-width: 0;
  }

.sl-document-chart__summary-card {
  border-radius: 16px;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
    border-color: rgba(207, 224, 247, 0.8);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.sl-document-chart__summary-card span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
    color: #7b92b2;
}

.sl-document-chart__summary-card strong {
  margin-top: 0.25rem;
  display: block;
  font-size: 18px;
  font-weight: 800;
    color: #22476d;
}

.sl-document-chart__content {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1280px) {

  .sl-document-chart__content {
    grid-template-columns: minmax(0,0.95fr) minmax(260px,0.85fr);
  }
}

.sl-document-chart__content {
    align-items: center;
    width: 100%;
    min-width: 0;
  }

.sl-document-chart__canvas-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  border-width: 1px;
  padding: 1rem;
    min-height: 320px;
    width: 100%;
    min-width: 0;
    border-color: rgba(207, 224, 247, 0.8);
    background:
      radial-gradient(
        circle at top,
        rgba(219, 235, 255, 0.24),
        transparent 48%
      ),
      linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.sl-document-chart__canvas {
  height: 100%;
  width: 100%;
    max-width: 320px;
    margin-inline: auto;
}

.sl-document-chart__legend {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
    width: 100%;
    min-width: 0;
}

.sl-document-chart__legend-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 16px;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
    width: 100%;
    min-width: 0;
    border-color: rgba(207, 224, 247, 0.72);
    background: rgba(255, 255, 255, 0.88);
}

.sl-document-chart__legend-swatch {
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  border-radius: 9999px;
}

.sl-document-chart__legend-swatch.is-1 {
    background: #1f5a84;
  }

.sl-document-chart__legend-swatch.is-2 {
    background: #0f9cb6;
  }

.sl-document-chart__legend-swatch.is-3 {
    background: #1f93e7;
  }

.sl-document-chart__legend-swatch.is-4 {
    background: #5968d8;
  }

.sl-document-chart__legend-swatch.is-5 {
    background: #f0a63a;
  }

.sl-document-chart__legend-copy {
  min-width: 0px;
  flex: 1 1 0%;
}

.sl-document-chart__legend-copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
    color: #27486d;
}

.sl-document-chart__legend-copy span {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  font-weight: 500;
    color: #7890b0;
}

.sl-document-chart__legend-item em {
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
    color: #23476f;
}

.sl-chart__item:hover .sl-chart__bar-wrap {
    background: linear-gradient(180deg, #ffffff 0%, #eef9fb 100%);
  }

.sl-chart__item:hover .sl-chart__bar {
    transform: scaleY(1.04) scaleX(1.03);
  }

.sl-chart--documents .sl-chart__bar-wrap {
    position: relative;
    overflow: visible;
  }

.sl-chart__value {
  left: 50%;
  top: 0.75rem;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
    min-width: 58px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(207, 224, 247, 0.9);
    box-shadow: 0 8px 18px rgba(31, 95, 170, 0.08);
    pointer-events: none;
    position: absolute;
    z-index: 10;
}

.sl-chart__item:hover .sl-chart__value {
    margin-top: -10px;
    position: absolute;
    z-index: 10;
    transform: translateX(-50%) translateY(-4px);
  }

.sl-chart__value strong {
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
    color: #22476d;
}

.sl-chart__value span {
  margin-top: 0.25rem;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
    color: #7b92b2;
}

.sl-chart__label {
  font-size: 10px;
  font-weight: 600;
  line-height: .75rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

@media (max-width: 1023px) {
    .sl-panel__body--document-chart {
      display: flex;
      justify-content: center;
      width: 100%;
      min-width: 0;
    }

    .sl-panel__body--document-chart .sl-document-chart {
      width: 100%;
      max-width: 100%;
      margin-inline: auto;
    }

    .sl-chart {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
      min-height: 0;
  }

    .sl-chart__bar-wrap {
    height: 132px;
  }

    .sl-chart__label {
    font-size: 11px;
    line-height: 1rem;
  }

    .sl-document-chart__content {
    grid-template-columns: repeat(1, minmax(0, 1fr));
      justify-items: center;
      width: 100%;
      max-width: 100%;
  }

    .sl-document-chart__canvas-wrap {
      min-height: 220px;
      padding: 0.75rem;
      overflow: hidden;
      width: 100%;
      max-width: 100%;
      display: grid;
      place-items: center;
    }

    .sl-document-chart__canvas {
      width: min(100%, 220px) !important;
      height: min(100%, 220px) !important;
      max-width: 220px;
      max-height: 220px;
      position: static;
      transform: none;
      margin: 0 auto !important;
      display: block;
    }

    .sl-document-chart__legend {
      width: 100%;
      max-width: 100%;
    }

    .sl-document-chart__legend-item {
      max-width: 100%;
    }
  }

.sl-list-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 1rem;
  border-bottom-width: 1px;
  border-color: var(--sl-border-soft);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-list-row:last-child {
  border-bottom-width: 0px;
}

.sl-list-row {
    min-width: 0;
  }

.sl-list-row__copy {
  min-width: 0px;
  flex: 1 1 0%;
}

.sl-list-row__icon {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
}

.sl-list-row__icon svg {
  height: 18px;
  width: 18px;
}

.sl-list-row__icon.is-blue {
    background: #dbe9ff;
    color: #1f5ea7;
  }

.sl-list-row__icon.is-amber {
    background: #fff0c9;
    color: #c48112;
  }

.sl-list-row h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  color: var(--sl-text);
}

.sl-list-row p {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.15;
    color: #0d87b7;
}

.sl-list-row span {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}

.sl-list-row__date {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
  color: var(--sl-text);
}

.sl-inline-action {
  display: inline-flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 10px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 12px;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    background: var(--sl-primary-soft);
    color: var(--sl-primary);
    align-self: flex-start;
    min-width: 152px;
}

.sl-inline-action__label {
    color: inherit;
  }

.sl-inline-action:hover {
    background: var(--sl-blue-soft);
    color: var(--sl-primary);
  }

.sl-inline-action--home {
  min-width: 124px;
    background: var(--sl-primary);
    color: #ffffff;
}

.sl-inline-action--home svg {
    color: #cfe0ff;
  }

.sl-inline-action--home:hover {
    background: #184f92;
    color: #ffffff;
  }

@media (max-width: 1023px) {
    .sl-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

    .sl-panel__header {
      min-width: 0;
    }

    .sl-panel__header h2 {
      min-width: 0;
    }

    .sl-list-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.875rem;
      align-items: start;
    }

    .sl-list-row__copy {
      width: 100%;
    }

    .sl-inline-action {
      grid-column: 1 / -1;
      width: 100%;
      min-width: 0;
      justify-content: center;
    }

    .sl-topbar {
    display: grid;
    gap: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      height: auto;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
  }

    .sl-search {
    width: 100%;
    min-width: 0px;
      grid-column: 1 / -1;
  }

    .sl-topbar__cta {
      min-width: 0;
      justify-self: end;
    }
  }

@media (max-width: 767px) {
    .sl-sidebar {
      left: max(0.5rem, env(safe-area-inset-left));
      top: max(0.5rem, env(safe-area-inset-top));
      bottom: max(0.5rem, env(safe-area-inset-bottom));
      width: min(86vw, 320px);
      max-width: calc(100vw - 1rem - env(safe-area-inset-left));
      max-height: calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }

    .sl-site-sidebar-card {
      height: calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
      max-height: calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
      border-top-left-radius: 14px;
      border-bottom-left-radius: 14px;
      border-top-right-radius: 14px;
      border-bottom-right-radius: 14px;
    }

    .sl-brand {
      height: auto;
      align-items: center;
      gap: 0.875rem;
      padding: 0.875rem 1rem;
    }

    .sl-brand__logo img,
    .sl-brand__placeholder {
      width: 64px;
      max-width: 64px;
      border-radius: 12px;
    }

    .sl-brand__text {
      max-width: none;
      flex: 1 1 auto;
      min-width: 0;
      font-size: 11px;
      line-height: 1.06;
    }

    .sl-site-sidebar-card > nav {
      min-height: 0;
      overflow-y: auto;
      padding-bottom: 1rem;
    }

    .sl-nav-item {
      gap: 0.875rem;
      padding: 0.85rem 0.95rem 0.85rem 1rem;
      font-size: 12px;
    }

    .sl-nav-item__icon {
      width: 28px;
      height: 28px;
    }

    .sl-nav-item__icon .fa,
    .sl-nav-item__icon svg {
      width: 18px;
      height: 18px;
    }

    .sl-site-sidebar-card__footer {
      gap: 0.875rem;
      padding: 0.875rem 1rem calc(1rem + env(safe-area-inset-bottom));
      flex-shrink: 0;
    }

    .sl-site-sidebar-card__footer-brand img {
      height: 34px;
      max-width: 150px;
    }

    .sl-site-sidebar-card__footer-meta-heading {
      margin-bottom: 0.4rem;
      font-size: 10px;
    }

    .sl-site-sidebar-card__footer-meta-list {
      gap: 0.625rem;
    }

    .sl-site-sidebar-card__footer-meta-item {
      padding: 0.7rem 0.85rem;
      border-radius: 10px;
    }

    .sl-site-sidebar-card__footer-meta-item span {
      font-size: 9px;
    }

    .sl-site-sidebar-card__footer-meta-item strong {
      font-size: 11px;
      line-height: 1.25;
    }

    .sl-shell {
    padding: 0.5rem;
  }

    .sl-content {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .sl-topbar {
    gap: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 12px;
      border-bottom-right-radius: 12px;
  }

    .sl-topbar__brand-group {
    display: flex;
    min-width: 0px;
    align-items: center;
    gap: 0.75rem;
      grid-column: 2;
      justify-self: start;
      width: 100%;
  }

    .sl-topbar__brand-mobile {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
      width: auto;
      max-width: 108px;
  }

    .sl-topbar__brand-mobile img {
    height: 46px;
    width: auto;
    max-width: 108px;
    -o-object-fit: contain;
       object-fit: contain;
  }

    .sl-brand__text-mobile {
    display: block;
    min-width: 0px;
    flex: 1 1 0%;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.08;
      color: var(--sl-text-strong);
  }

    .sl-topbar__menu {
    height: 2.75rem;
    width: 2.75rem;
    border-radius: 12px;
    background-color: var(--sl-surface-soft);
      grid-column: 1;
      justify-self: start;
      border: 1px solid rgba(202, 217, 235, 0.75);
      color: #32425c;
      box-shadow: 0 8px 18px rgba(26, 63, 120, 0.08);
  }

    .sl-search {
    width: 100%;
      grid-column: 1 / -1;
  }

    .sl-search input {
    height: 42px;
    padding-left: 2.75rem;
    padding-right: 1rem;
    font-size: 13px;
  }

    .sl-search__icon {
    left: 1rem;
  }

    .sl-topbar__cta {
    height: 38px;
    min-width: 0px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 12px;
      grid-column: 1 / -1;
      width: 100%;
  }

    .sl-panel {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .sl-panel__header {
    gap: 0.5rem;
    padding-bottom: 0.5rem;
      align-items: flex-start;
  }

    .sl-panel__action {
    flex-shrink: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

    .sl-page-loader__dialog {
    min-width: 156px;
    border-radius: 22px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

    .sl-page-loader__spinner {
    height: 2.5rem;
    width: 2.5rem;
  }

    .sl-inline-action {
    width: 100%;
      min-width: 0;
  }

    .sl-inline-action--home {
    height: 2.25rem;
    width: 100%;
    align-self: auto;
    border-radius: 10px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 11px;
  }

    .sl-list-row {
      gap: 0.75rem;
    }

    .sl-list-row h3 {
      font-size: 13px;
    }

    .sl-list-row p,
    .sl-list-row__date {
      font-size: 11px;
    }
  }

@media (max-width: 479px) {
    .sl-chart {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

    .sl-chart__bar-wrap {
    height: 120px;
  }

    .sl-topbar__cta,
    .sl-search {
      grid-column: 1 / -1;
    }

    .sl-topbar__menu {
      grid-column: 1;
    }

    .sl-topbar__brand-group {
      grid-column: 2;
      width: 100%;
    }

    .sl-topbar__brand-mobile {
    justify-content: flex-start;
  }

    .sl-topbar__brand-group {
    gap: 0.5rem;
  }

    .sl-brand__text-mobile {
    font-size: 12px;
  }

    .sl-topbar__brand-group {
    gap: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }

    .sl-brand__text-mobile {
    font-size: 12px;
    line-height: 1.06;
  }

    .sl-topbar__cta {
    justify-content: center;
  }
  }

@media (min-width: 1280px) {
    .sl-sidebar {
      transform: translateX(0);
      pointer-events: auto;
    }

    .sl-sidebar-backdrop {
      display: none !important;
    }
  }

.sl-materials-tabs {
  position: absolute;
  left: 1.5rem;
  top: 0px;
  z-index: 10;
  display: flex;
  --tw-translate-y: calc(calc(100% - 1px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: flex-end;
  gap: 0.5rem;
}

.sl-materials-tab {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  border-radius: 10px 10px 0 0;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 14px;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    border-color: var(--sl-border);
    color: var(--sl-text);
    position: relative;
    z-index: 1;
}

.sl-materials-tab.is-active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-color: var(--sl-primary);
    background: var(--sl-primary);
    box-shadow: none;
}

.sl-materials-tab:hover {
    border-color: var(--sl-primary);
    background: var(--sl-primary);
    color: #ffffff;
  }

.sl-materials-surface {
  position: relative;
  margin-top: 25px;
  min-width: 0px;
  overflow: visible;
  border-radius: 28px;
  border-width: 1px;
  background-color: rgb(255 255 255 / 0.75);
  padding: 1rem;
  padding-top: 1.5rem;
}

@media (min-width: 768px) {

  .sl-materials-surface {
    padding: 1.25rem;
    padding-top: 1.5rem;
  }
}

.sl-materials-surface {
    border-color: rgba(202, 217, 235, 0.6);
    box-shadow: 0 18px 42px rgba(26, 63, 120, 0.08);
  }

.sl-materials-toolbar {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1280px) {

  .sl-materials-toolbar {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.sl-materials-filters {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {

  .sl-materials-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .sl-materials-filters {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sl-materials-filters {
    flex: 1 1 auto;
  }

.sl-materials-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

@media (min-width: 1280px) {

  .sl-materials-toolbar__actions {
    justify-content: flex-end;
  }
    .sl-materials-toolbar {
      gap: 10px;
    }

    .sl-materials-filters {
      gap: 12px;
    }

    .sl-materials-filters--materials {
      grid-template-columns:
        minmax(110px, 1fr) minmax(110px, 1fr) minmax(110px, 1fr)
        minmax(110px, 1fr);
    }

    .sl-materials-toolbar__actions {
      flex: 0 0 auto;
      flex-wrap: nowrap;
      align-self: flex-end;
      gap: 10px;
      justify-content: flex-end;
    }

    .sl-materials-toolbar__actions .sl-materials-button {
      min-width: 116px;
      white-space: nowrap;
      padding-left: 16px;
      padding-right: 16px;
    }
    .sl-materials-toolbar__actions .sl-materials-button--primary-action {
      min-width: 50px;
    }
}

.sl-materials-filter-field {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 0.5rem;
}

.sl-materials-filter-field label {
  font-size: 14px;
  font-weight: 600;
  color: var(--sl-text-strong);
}

.sl-materials-control {
  height: 40px;
  width: 100%;
  min-width: 0px;
  border-radius: 10px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 14px;
  font-weight: 500;
  color: var(--sl-text);
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-materials-control:focus {
  border-color: var(--sl-primary);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgba(31,95,170,0.12);
}

.sl-materials-control {
    border-color: var(--sl-border);
  }

.sl-materials-control--textarea {
  height: 118px;
  resize: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.sl-materials-button {
  display: inline-flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 10px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 14px;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-materials-button.is-light {
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: var(--sl-primary);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-materials-button.is-light:hover {
  background-color: var(--sl-surface-soft);
}

.sl-materials-button.is-light {
    border-color: var(--sl-border);
  }

.sl-materials-button.is-primary {
  min-width: 156px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-materials-button.is-primary:hover {
  --tw-brightness: brightness(1.05);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.sl-materials-button.is-primary {
    background: var(--sl-primary);
    box-shadow: none;
  }

.sl-materials-button.is-disabled,
  .sl-materials-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
    pointer-events: none;
}

.sl-materials-button svg {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}

.sl-materials-button__badge {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background-color: var(--sl-accent);
}

.sl-advanced-search-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {

  .sl-advanced-search-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sl-advanced-search-grid.is-dates {
    max-width: 420px;
  }
}

.sl-checkbox-field {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 14px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(248 251 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
    border-color: var(--sl-border-soft);
}

.sl-checkbox-field input {
  margin-top: 0.25rem;
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(191 204 229 / var(--tw-border-opacity, 1));
  color: var(--sl-primary);
}

.sl-checkbox-field input:focus {
  --tw-ring-color: var(--sl-primary);
}

.sl-checkbox-field span {
  display: flex;
  min-width: 0px;
  flex: 1 1 0%;
  flex-direction: column;
}

.sl-checkbox-field strong {
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(48 65 94 / var(--tw-text-opacity, 1));
}

.sl-checkbox-field small {
  margin-top: 0.25rem;
  font-size: 12px;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(123 134 156 / var(--tw-text-opacity, 1));
}

.sl-modal-open {
    overflow: hidden;
  }

.sl-modal {
  position: fixed;
  inset: 0px;
  z-index: 200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.sl-modal.is-open {
  display: flex;
}

.sl-modal__backdrop {
  position: fixed;
  inset: 0px;
  border-width: 0px;
  padding: 0px;
    background:
      radial-gradient(
        circle at top center,
        rgba(22, 152, 176, 0.12),
        transparent 34%
      ),
      rgba(15, 23, 42, 0.44);
    backdrop-filter: blur(8px) saturate(0.92);
    -webkit-backdrop-filter: blur(8px) saturate(0.92);
}

.sl-modal__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
    animation: sl-modal-dialog-enter 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sl-modal__dialog--narrow {
    max-width: 760px;
  }

.sl-modal__dialog--filters {
    max-width: 700px;
  }

.sl-modal__dialog--compact {
    max-width: 560px;
  }

.sl-modal__panel {
  overflow: hidden;
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(219,229,246,0.88);
  background-color: rgba(255,255,255,0.96);
  --tw-shadow: 0 28px 90px rgba(15,23,42,0.26);
  --tw-shadow-colored: 0 28px 90px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow:
      0 28px 90px rgba(15, 23, 42, 0.26),
      0 0 0 1px rgba(255, 255, 255, 0.35) inset;
}

.sl-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 236 248 / var(--tw-border-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-modal__header-copy h2 {
  margin: 0px;
  font-size: 18px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-modal__header-copy p {
  margin-top: 0.25rem;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(124 135 155 / var(--tw-text-opacity, 1));
}

.sl-modal__close {
  display: inline-flex;
  height: 2.5rem;
  width: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(221 229 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(98 112 138 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-modal__close:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 211 236 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 249 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(63 81 113 / var(--tw-text-opacity, 1));
}

.sl-modal__close svg {
  height: 1rem;
  width: 1rem;
}

.sl-modal__body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.sl-modal__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 236 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-modal__dialog--filters .sl-modal__header {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.sl-modal__dialog--filters .sl-modal__header-copy h2 {
  font-size: 17px;
}

.sl-modal__dialog--filters .sl-modal__body {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-modal__dialog--filters .sl-modal__footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.sl-modal__dialog--filters .sl-checkbox-field {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.sl-modal__dialog--filters .sl-checkbox-field small {
  line-height: 1rem;
}

.sl-modal__dialog--filters .sl-materials-control--textarea {
  height: 96px;
}

@keyframes sl-modal-dialog-enter {
    0% {
      opacity: 0;
      transform: translateY(16px) scale(0.985);
    }

    100% {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

.sl-materials-table-card {
  position: relative;
  z-index: 10;
  margin-top: 0.5rem;
  max-width: 100%;
  overflow: visible;
  border-radius: 14px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    border-color: rgba(202, 217, 235, 0.6);
    box-shadow: 0 12px 28px rgba(26, 63, 120, 0.05);
}

.sl-materials-table-card__header {
  border-bottom-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    border-color: var(--sl-border-soft);
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

.sl-materials-table-card__header h2 {
  margin: 0px;
  font-size: 16px;
  font-weight: 800;
  color: var(--sl-primary);
}

.sl-materials-table-card__header p {
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(138 147 166 / var(--tw-text-opacity, 1));
}

.sl-materials-table {
  min-width: 100%;
  border-collapse: collapse;
}

.sl-meetings-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
  }

.sl-materials-table thead th {
  border-bottom-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(126 143 168 / var(--tw-text-opacity, 1));
    border-color: var(--sl-border-soft);
}

.sl-materials-table tbody td {
  border-bottom-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(98 112 138 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-color: #edf2f8;
}

.sl-materials-table tbody tr {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-materials-table tbody tr:hover td {
    background: linear-gradient(
      90deg,
      rgba(31, 95, 170, 0.04),
      rgba(22, 152, 176, 0.04)
    );
  }

.sl-materials-table tbody tr:hover td:first-child {
    box-shadow: inset 3px 0 0 var(--sl-secondary);
  }

.sl-materials-table tbody tr:hover td strong {
    color: #243b63;
  }

.sl-materials-table tbody tr:hover td span,
  .sl-materials-table tbody tr:hover td,
  .sl-materials-table tbody tr:hover .sl-meetings-table__muted {
    color: #55657f;
  }

.sl-materials-table tbody tr:last-child td {
  border-bottom-width: 0px;
}

.sl-materials-table tbody td strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(47 60 86 / var(--tw-text-opacity, 1));
}

.sl-materials-table tbody td span {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(138 147 166 / var(--tw-text-opacity, 1));
}

.sl-materials-table__more {
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  background-color: var(--sl-primary-soft);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--sl-primary);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-materials-table__more:hover {
  background-color: var(--sl-secondary-soft);
}

.sl-materials-table__empty {
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(138 147 166 / var(--tw-text-opacity, 1));
}

.sl-materials-pagination-wrap {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sl-materials-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.sl-materials-pagination__link {
  display: inline-flex;
  height: 2rem;
  min-width: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--sl-text);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-materials-pagination__link:hover {
  background-color: var(--sl-primary-soft);
  color: var(--sl-primary);
}

.sl-materials-pagination__link.is-active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-materials-pagination__link.is-active:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-materials-pagination__link.is-active {
    background: var(--sl-primary);
  }

.sl-materials-pagination__dots {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(127 136 157 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
    .sl-materials-tabs {
    left: 0.75rem;
    right: 0.75rem;
    flex-wrap: wrap;
    gap: 0.375rem;
      transform: translateY(calc(-100% + 6px));
  }

    .sl-materials-tab {
    height: 2.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 12px;
  }

    .sl-materials-surface {
    margin-top: 94px;
    border-radius: 20px;
    padding: 0.75rem;
    padding-top: 1.25rem;
  }

    .sl-materials-actions,
    .sl-materials-toolbar__actions {
    width: 100%;
  }

    .sl-materials-button,
    .sl-materials-button.is-primary {
    width: 100%;
      min-width: 0;
  }

    .sl-modal {
    padding: 0.625rem;
  }

    .sl-modal__header,
    .sl-modal__body,
    .sl-modal__footer {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  }

@media (max-width: 479px) {
    .sl-materials-tabs {
    left: 0.5rem;
    right: 0.5rem;
    gap: 0.25rem;
  }

    .sl-materials-tab {
    min-height: 34px;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    text-align: center;
    font-size: 11px;
      flex: 1 1 calc(50% - 4px);
      justify-content: center;
  }

    .sl-materials-surface {
    margin-top: 118px;
    padding: 0.625rem;
    padding-top: 1.25rem;
  }
  }

.sl-document-details > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-document-details__hero {
  display: grid;
  gap: 1.25rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 246 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(135deg,rgba(77,128,208,0.12),rgba(255,255,255,0.92) 62%);
  padding: 1.25rem;
}

@media (min-width: 768px) {

  .sl-document-details__hero {
    padding: 1.75rem;
  }
}

@media (min-width: 1280px) {

  .sl-document-details__hero {
    grid-template-columns: minmax(0,1fr) 280px;
  }
}

.sl-document-details__hero-copy {
  min-width: 0px;
}

.sl-document-details__eyebrow {
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-document-details__hero h1 {
  margin: 0px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.08;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-document-details__hero h1 {
    font-size: 40px;
  }
}

.sl-document-details__lede {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(105 117 141 / var(--tw-text-opacity, 1));
}

.sl-document-details__hero-aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(255,255,255,0.8);
  background-color: rgb(255 255 255 / 0.8);
  padding: 1rem;
        box-shadow: 0 18px 34px rgba(83, 100, 136, 0.08);
}

.sl-document-details__badge-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sl-document-details__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 700;
}

.sl-document-details__badge.is-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(237 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(66 109 175 / var(--tw-text-opacity, 1));
}

.sl-document-details__badge.is-approved {
  --tw-bg-opacity: 1;
  background-color: rgb(228 247 235 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(31 138 77 / var(--tw-text-opacity, 1));
}

.sl-document-details__badge.is-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(237 243 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(53 105 201 / var(--tw-text-opacity, 1));
}

.sl-document-details__badge.is-rejected {
  --tw-bg-opacity: 1;
  background-color: rgb(253 234 234 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(181 69 69 / var(--tw-text-opacity, 1));
}

.sl-document-details__summary,
    .sl-document-details__summary-static {
  margin-top: 1.25rem;
  max-width: 780px;
  border-radius: 18px;
  border-width: 1px;
  border-color: rgba(77,128,208,0.12);
  background-color: rgb(255 255 255 / 0.75);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(66 80 106 / var(--tw-text-opacity, 1));
}

.sl-document-details__summary summary {
  cursor: pointer;
  list-style-type: none;
}

.sl-document-details__summary summary::-webkit-details-marker {
        display: none;
    }

.sl-document-details__summary-toggle {
  margin-top: 0.75rem;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-document-details__summary-toggle .is-expanded {
        display: none;
    }

.sl-document-details__summary[open] .sl-document-details__summary-toggle .is-collapsed {
        display: none;
    }

.sl-document-details__summary[open] .sl-document-details__summary-toggle .is-expanded {
        display: inline;
    }

.sl-document-details__summary-content {
  margin-top: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(232 238 248 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
}

.sl-document-details__metrics {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 768px) {

  .sl-document-details__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .sl-document-details__metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sl-document-metric {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 237 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
        box-shadow: 0 12px 28px rgba(92, 111, 149, 0.07);
}

.sl-document-metric span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-document-metric strong {
  margin-top: 0.75rem;
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-document-details__grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1280px) {

  .sl-document-details__grid {
    grid-template-columns: 1.1fr 0.9fr;
  }

  .sl-document-details__grid.is-single {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sl-document-details__grid.is-secondary {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .sl-document-details__grid.is-secondary.is-single {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.sl-document-card {
  height: 100%;
}

.sl-document-card__content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-document-card__section > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.sl-document-card__label {
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  --tw-text-opacity: 1;
  color: rgb(129 144 170 / var(--tw-text-opacity, 1));
}

.sl-document-card__section p {
  margin: 0px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(68 82 107 / var(--tw-text-opacity, 1));
        overflow-wrap: anywhere;
}

.sl-document-card__details {
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 237 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(252 253 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.sl-document-card__details.is-compact {
  margin-top: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sl-document-card__details-summary {
  cursor: pointer;
  list-style-type: none;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(68 82 107 / var(--tw-text-opacity, 1));
}

.sl-document-card__details-summary::-webkit-details-marker {
        display: none;
    }

.sl-document-card__details-toggle {
  margin-left: 0.5rem;
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(215 228 251 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
        letter-spacing: normal;
        vertical-align: middle;
}

.sl-document-card__details-toggle .is-expanded {
        display: none;
    }

.sl-document-card__details[open] .sl-document-card__details-toggle .is-collapsed {
        display: none;
    }

.sl-document-card__details[open] .sl-document-card__details-toggle .is-expanded {
        display: inline;
    }

.sl-document-card__details-content {
  margin-top: 0.75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 237 248 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(68 82 107 / var(--tw-text-opacity, 1));
}

.sl-document-card__details.is-compact .sl-document-card__details-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 14px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
}

.sl-document-card__details.is-compact .sl-document-card__details-toggle {
  margin-left: 0px;
}

.sl-document-card__details.is-compact .sl-document-card__details-content {
  margin-top: 0.5rem;
  border-top-width: 0px;
  padding-top: 0px;
  font-size: 14px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
}

.sl-document-card__empty {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(127 138 162 / var(--tw-text-opacity, 1));
}

.sl-document-details__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sl-document-details__chip {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 104 168 / var(--tw-text-opacity, 1));
}

.sl-document-details__chip.is-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-document-files > :not([hidden]) ~ :not([hidden]),
    .sl-document-meetings > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.sl-document-file,
    .sl-document-meeting {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 236 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.sl-document-file__icon {
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-document-file__icon.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(77 128 208 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-document-file__icon svg {
  height: 1.5rem;
  width: 1.5rem;
}

@media (min-width: 768px) {

  .sl-document-file {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr) auto;
    align-items: center;
  }
}

.sl-document-meeting {
  display: block;
}

.sl-document-file__body,
    .sl-document-meeting__content {
  min-width: 0px;
}

.sl-document-meeting__actions {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
        min-width: 0;
}

.sl-document-meeting__actions .sl-inline-action {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
        min-width: 136px;
        max-width: 100%;
        white-space: nowrap;
}

.sl-document-file__body strong,
    .sl-document-meeting__content strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(37 53 80 / var(--tw-text-opacity, 1));
        overflow-wrap: anywhere;
        word-break: break-word;
}

.sl-document-file__body p,
    .sl-document-meeting__content p {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
        overflow-wrap: anywhere;
}

.sl-document-file__body span,
    .sl-document-meeting__date {
  margin-top: 0.5rem;
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(151 163 187 / var(--tw-text-opacity, 1));
        overflow-wrap: anywhere;
}

.sl-document-file .sl-inline-action {
  flex-shrink: 0;
  align-self: flex-start;
        min-width: 0;
        max-width: 100%;
}

.sl-document-timeline {
  position: relative;
}

.sl-document-timeline > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.sl-document-timeline__item {
  position: relative;
  display: grid;
  gap: 0.75rem;
  padding-left: 2rem;
}

.sl-document-timeline__item::before {
        content: "";
        position: absolute;
        left: 11px;
        top: 28px;
        bottom: -20px;
        width: 2px;
        background: linear-gradient(180deg, rgba(77, 128, 208, 0.22), rgba(77, 128, 208, 0));
    }

.sl-document-timeline__item:last-child::before {
        display: none;
    }

.sl-document-timeline__marker {
  position: absolute;
  left: 0px;
  top: 0.375rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  border-width: 5px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(77 128 208 / var(--tw-bg-opacity, 1));
        box-shadow: 0 0 0 1px rgba(77, 128, 208, 0.24);
}

.sl-document-timeline__body {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 237 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.sl-document-timeline__topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.sl-document-timeline__topline strong {
  font-size: 16px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-document-timeline__topline span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(138 150 173 / var(--tw-text-opacity, 1));
}

.sl-document-timeline__body p {
  margin-bottom: 0px;
  margin-top: 0.75rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(79 95 124 / var(--tw-text-opacity, 1));
        overflow-wrap: anywhere;
}

.sl-document-timeline__body small {
  margin-top: 0.5rem;
  display: block;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(127 138 162 / var(--tw-text-opacity, 1));
}

.sl-document-timeline__note {
  margin-top: 0.75rem;
  border-radius: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 14px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(85 98 122 / var(--tw-text-opacity, 1));
        overflow-wrap: anywhere;
}

@media (max-width: 767px) {
        .sl-document-details > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

        .sl-document-details__hero {
    border-radius: 20px;
    padding: 1rem;
  }

        .sl-document-details__hero h1 {
            font-size: 28px;
        }

        .sl-document-details__summary,
        .sl-document-details__summary-static {
    margin-top: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 14px;
    line-height: 1.5rem;
  }

        .sl-document-metric strong {
    font-size: 16px;
    line-height: 1.25rem;
  }

        .sl-document-file,
        .sl-document-meeting {
    gap: 0.75rem;
    padding: 0.75rem;
  }

        .sl-document-meeting__actions {
    flex-direction: column;
    align-items: stretch;
    padding-top: 0.5rem;
  }

        .sl-document-meeting__actions .sl-inline-action {
    width: 100%;
            min-width: 0;
            white-space: normal;
  }

        .sl-document-file__icon {
    height: 2.75rem;
    width: 2.75rem;
    border-radius: 14px;
  }

        .sl-document-file__body strong,
        .sl-document-meeting strong,
        .sl-document-timeline__topline strong {
    font-size: 15px;
  }

        .sl-document-card__details {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

        .sl-document-card__details-summary,
        .sl-document-card__details-content,
        .sl-document-timeline__body p,
        .sl-document-timeline__note {
    font-size: 14px;
    line-height: 1.5rem;
  }

        .sl-document-timeline__item {
    padding-left: 1.75rem;
  }

        .sl-document-timeline__marker {
    height: 1.25rem;
    width: 1.25rem;
    border-width: 4px;
  }

        .sl-document-timeline__item::before {
            left: 9px;
        }
    }

.sl-law-details > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-law-details__hero {
        background:
            linear-gradient(135deg, rgba(11, 126, 107, 0.12), rgba(255, 255, 255, 0.94) 58%),
            linear-gradient(180deg, rgba(77, 128, 208, 0.05), rgba(77, 128, 208, 0));
    }

.sl-law-details__amendment {
  display: grid;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(219 233 228 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(247 252 250 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {

  .sl-law-details__amendment {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-law-details__amendment div {
  min-width: 0px;
}

.sl-law-details__amendment strong {
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(95 125 118 / var(--tw-text-opacity, 1));
}

.sl-law-details__amendment span {
  margin-top: 0.5rem;
  display: block;
  font-size: 15px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(41 68 63 / var(--tw-text-opacity, 1));
}

.sl-law-details__processing-meta {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sl-law-details__processing-meta span {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 245 241 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(79 102 96 / var(--tw-text-opacity, 1));
}

.sl-law-details__session-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 251 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(120 133 159 / var(--tw-text-opacity, 1));
}

@media (max-width: 767px) {
        .sl-law-details__amendment {
    padding: 0.75rem;
  }

        .sl-law-details__amendment span {
    font-size: 14px;
    line-height: 1.5rem;
            overflow-wrap: anywhere;
  }

        .sl-law-details__processing-meta span,
        .sl-law-details__session-pill {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
    }

.sl-assemblymen > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-assemblymen__hero {
  display: grid;
  gap: 1.25rem;
  border-radius: 24px;
  border-width: 1px;
  padding: 1.25rem;
}

@media (min-width: 768px) {

  .sl-assemblymen__hero {
    padding: 1.75rem;
  }
}

@media (min-width: 1280px) {

  .sl-assemblymen__hero {
    grid-template-columns: minmax(0,1fr) 280px;
  }
}

.sl-assemblymen__hero {
    border-color: rgba(202, 217, 235, 0.65);
    background: white;
  }

.sl-assemblymen__hero-copy {
  min-width: 0px;
}

.sl-assemblymen__eyebrow {
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--sl-primary);
}

.sl-assemblymen__hero h1 {
  margin: 0px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.08;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-assemblymen__hero h1 {
    font-size: 40px;
  }
}

.sl-assemblymen__lede {
  margin-top: 0.75rem;
  max-width: 720px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-assemblymen__hero-aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(255,255,255,0.8);
  background-color: rgb(255 255 255 / 0.8);
  padding: 1rem;
    box-shadow: 0 18px 34px rgba(83, 100, 136, 0.08);
}

.sl-assemblymen__hero-metric span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-assemblymen__hero-metric strong {
  margin-top: 0.75rem;
  display: block;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-assemblymen__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sl-assemblymen__chip {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  background-color: var(--sl-primary-soft);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 600;
  color: var(--sl-primary);
}

.sl-assemblymen__grid {
  display: grid;
  gap: 1rem;
}

.sl-assemblyman-card {
  border-radius: 22px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
    border-color: rgba(202, 217, 235, 0.55);
    box-shadow: 0 16px 34px rgba(26, 63, 120, 0.08);
}

.sl-assemblyman-card__summary {
  min-width: 0px;
}

.sl-assemblyman-card__head {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.sl-assemblyman-card__avatar {
  display: flex;
  height: 76px;
  width: 76px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--sl-primary);
}

.sl-assemblyman-card__avatar img {
  height: 100px;
  width: 100px;
  border-radius: 9999px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sl-assemblyman-card__identity {
  min-width: 0px;
}

.sl-assemblyman-card__identity h2 {
  margin: 0px;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-assemblyman-card__identity p {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-assemblyman-card__meta {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sl-assemblyman-card__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  background-color: var(--sl-success-soft);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(23 122 87 / var(--tw-text-opacity, 1));
}

.sl-assemblyman-card__badge.is-soft {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-assemblyman-card__stats {
  margin-top: 1.25rem;
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 768px) {

  .sl-assemblyman-card__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.sl-assemblyman-card__stat {
  border-radius: 18px;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    border-color: rgba(202, 217, 235, 0.55);
    background: linear-gradient(180deg, #fbfdff, #f4f9ff);
}

.sl-assemblyman-card__stat strong {
  display: block;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-assemblyman-card__stat span {
  margin-top: 0.5rem;
  display: block;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(123 134 156 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-assemblymen__empty {
  border-radius: 22px;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--sl-border);
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
    background: linear-gradient(180deg, #fbfdff, #f4f9ff);
}

.sl-assemblymen__empty h2 {
  margin: 0px;
  font-size: 22px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-assemblymen__empty p {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
    .sl-assemblyman-card {
    display: grid;
    align-items: center;
    gap: 1.5rem;
      grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
  }

    .sl-assemblyman-card__stats {
    margin-top: 0px;
  }
  }

@media (max-width: 767px) {
    .sl-assemblymen > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

    .sl-assemblymen__hero {
    border-radius: 20px;
    padding: 1rem;
  }

    .sl-assemblymen__hero h1 {
    font-size: 28px;
  }

    .sl-assemblymen__lede {
    font-size: 14px;
    line-height: 1.5rem;
  }

    .sl-assemblymen__hero-metric strong {
    font-size: 28px;
  }

    .sl-assemblyman-card {
    border-radius: 18px;
    padding: 1rem;
  }

    .sl-assemblyman-card__stats {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem;
  }

    .sl-assemblyman-card__avatar {
    height: 64px;
    width: 64px;
    border-radius: 18px;
    font-size: 18px;
  }

    .sl-assemblyman-card__identity h2 {
    font-size: 18px;
  }

    .sl-assemblyman-card__stat strong {
    font-size: 20px;
  }
  }

@media (max-width: 479px) {
    .sl-assemblymen__hero {
    gap: 1rem;
    padding: 0.875rem;
  }

    .sl-assemblymen__hero h1 {
    font-size: 24px;
  }

    .sl-assemblymen__hero-aside {
    padding: 0.875rem;
  }

    .sl-assemblyman-card {
    padding: 0.875rem;
  }

    .sl-assemblyman-card__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

    .sl-assemblyman-card__avatar {
    height: 58px;
    width: 58px;
    border-radius: 16px;
    font-size: 16px;
  }

    .sl-assemblyman-card__identity h2 {
    font-size: 17px;
  }

    .sl-assemblyman-card__identity p {
    font-size: 13px;
    line-height: 1.25rem;
  }
  }

.sl-attendance > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-attendance__hero {
  display: grid;
  gap: 1.25rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}

@media (min-width: 768px) {

  .sl-attendance__hero {
    padding: 1.75rem;
  }
}

@media (min-width: 1280px) {

  .sl-attendance__hero {
    grid-template-columns: minmax(0,1fr) 320px;
  }
}

.sl-attendance__hero-copy {
  min-width: 0px;
}

.sl-attendance__eyebrow {
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-attendance__hero h1 {
  margin: 0px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.08;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-attendance__hero h1 {
    font-size: 40px;
  }
}

.sl-attendance__lede {
  margin-top: 0.75rem;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-attendance__hero-metrics {
  display: grid;
  gap: 0.75rem;
}

.sl-attendance__hero-metric {
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(255,255,255,0.8);
  background-color: rgb(255 255 255 / 0.8);
  padding: 1rem;
    box-shadow: 0 18px 34px rgba(83, 100, 136, 0.08);
}

.sl-attendance__hero-metric span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-attendance__hero-metric strong {
  margin-top: 0.75rem;
  display: block;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-attendance__hero-metric small {
  margin-top: 0.5rem;
  display: block;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-attendance__filters {
  display: grid;
  gap: 1rem;
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 237 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {

  .sl-attendance__filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .sl-attendance__filters {
    grid-template-columns: minmax(0,1.2fr) 260px 180px auto;
  }
}

.sl-attendance__filters {
    align-items: end;
    box-shadow: 0 12px 28px rgba(92, 111, 149, 0.07);
  }

.sl-attendance__filters .sl-materials-filter-field {
  justify-content: flex-end;
}

.sl-attendance__filters .sl-materials-actions {
  align-self: flex-end;
}

.sl-attendance__grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1280px) {

  .sl-attendance__grid {
    grid-template-columns: 1.15fr 0.85fr;
  }
}

.sl-attendance__panel {
  height: 100%;
}

.sl-attendance__list > :not([hidden]) ~ :not([hidden]),
  .sl-attendance-ranking > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.sl-attendance-ranking__legend {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 236 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(96 112 140 / var(--tw-text-opacity, 1));
}

.sl-attendance-ranking__legend span,
  .sl-attendance-ranking__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.sl-attendance-ranking__legend i,
  .sl-attendance-ranking__meta i {
  height: 0.625rem;
  width: 0.625rem;
  flex-shrink: 0;
  border-radius: 9999px;
}

.sl-attendance-ranking__legend i.is-presence,
  .sl-attendance-ranking__meta i.is-presence {
  --tw-bg-opacity: 1;
  background-color: rgb(83 189 125 / var(--tw-bg-opacity, 1));
}

.sl-attendance-ranking__legend i.is-absence,
  .sl-attendance-ranking__meta i.is-absence {
  --tw-bg-opacity: 1;
  background-color: rgb(221 95 88 / var(--tw-bg-opacity, 1));
}

.sl-attendance-ranking__legend .is-muted {
  --tw-text-opacity: 1;
  color: rgb(154 166 186 / var(--tw-text-opacity, 1));
}

.sl-attendance-ranking__legend .is-muted i {
  --tw-bg-opacity: 1;
  background-color: rgb(232 163 58 / var(--tw-bg-opacity, 1));
}

.sl-attendance-session {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 236 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {

  .sl-attendance-session {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.sl-attendance-session__copy {
  min-width: 0px;
}

.sl-attendance-session__copy strong {
  display: block;
  font-size: 16px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(37 53 80 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-attendance-session__copy p {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-attendance-session__copy span {
  margin-top: 0.5rem;
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(151 163 187 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-inline-action--attendance {
  min-width: 132px;
}

.sl-attendance-ranking__item {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 236 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.sl-attendance-ranking__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.sl-attendance-ranking__identity {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}

.sl-attendance-ranking__avatar {
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-attendance-ranking__avatar img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sl-attendance-ranking__identity strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-attendance-ranking__identity span {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(127 138 162 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-attendance-ranking__percent {
  font-size: 16px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(31 138 77 / var(--tw-text-opacity, 1));
}

.sl-attendance-ranking__bar {
  margin-top: 1rem;
  display: flex;
  height: 1rem;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 251 / var(--tw-bg-opacity, 1));
}

.sl-attendance-ranking__bar span {
  display: flex;
  height: 100%;
  min-width: 0px;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  text-align: right;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-attendance-ranking__bar span:first-child {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.sl-attendance-ranking__bar span:last-child {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.sl-attendance-ranking__bar .is-presence {
  --tw-bg-opacity: 1;
  background-color: rgb(83 189 125 / var(--tw-bg-opacity, 1));
}

.sl-attendance-ranking__bar .is-absence {
  --tw-bg-opacity: 1;
  background-color: rgb(221 95 88 / var(--tw-bg-opacity, 1));
}

.sl-attendance-ranking__bar small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sl-attendance-ranking__meta {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(127 138 162 / var(--tw-text-opacity, 1));
}

.sl-attendance__empty {
  border-radius: 18px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 227 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.sl-attendance__empty.is-compact {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.sl-attendance__empty h2 {
  margin: 0px;
  font-size: 20px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-attendance__empty p {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
}

@media (max-width: 1023px) {
    .sl-attendance__filters {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

    .sl-attendance__filters .sl-materials-actions {
    width: 100%;
    justify-content: stretch;
  }

    .sl-attendance__filters .sl-materials-button,
    .sl-attendance__filters .sl-materials-button.is-primary {
    width: 100%;
      min-width: 0;
  }

    .sl-attendance__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  }

@media (max-width: 767px) {
    .sl-attendance > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

    .sl-attendance__hero {
    border-radius: 20px;
    padding: 1rem;
  }

    .sl-attendance__hero h1 {
    font-size: 28px;
  }

    .sl-attendance__lede {
    font-size: 14px;
    line-height: 1.5rem;
  }

    .sl-attendance__hero-metric strong {
    font-size: 26px;
  }

    .sl-attendance__filters {
    border-radius: 18px;
    padding: 0.75rem;
  }

    .sl-attendance-session {
    gap: 0.75rem;
    padding: 0.75rem;
  }

    .sl-attendance-session__copy p {
    font-size: 13px;
      overflow-wrap: anywhere;
  }

    .sl-inline-action--attendance {
    min-width: 0px;
  }

    .sl-attendance-ranking__item {
    padding: 0.75rem;
  }

    .sl-attendance-ranking__topline {
    flex-direction: column;
  }

    .sl-attendance-ranking__percent {
    font-size: 15px;
  }
  }

@media (max-width: 479px) {
    .sl-attendance__hero {
    gap: 1rem;
    padding: 0.875rem;
  }

    .sl-attendance__hero h1 {
    font-size: 24px;
  }

    .sl-attendance__hero-metric {
    padding: 0.875rem;
  }

    .sl-attendance__hero-metric strong {
    font-size: 22px;
  }

    .sl-attendance-ranking__identity {
    align-items: flex-start;
  }
  }

.sl-commissions > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-commissions__hero {
  display: grid;
  gap: 1rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
}

@media (min-width: 768px) {

  .sl-commissions__hero {
    padding: 1.75rem;
  }
}

.sl-commissions__hero-copy {
  min-width: 0px;
}

.sl-commissions__eyebrow {
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-commissions__hero h1 {
  margin: 0px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.08;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-commissions__hero h1 {
    font-size: 40px;
  }
}

.sl-commissions__lede {
  margin-top: 0.75rem;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-commissions__hero-metrics {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 768px) {

  .sl-commissions__hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.sl-commissions__hero-metric {
  border-radius: 20px;
  border-width: 1px;
  border-color: rgba(255,255,255,0.8);
  background-color: rgb(255 255 255 / 0.85);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
    box-shadow: 0 16px 32px rgba(83, 100, 136, 0.08);
}

.sl-commissions__hero-metric span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-commissions__hero-metric strong {
  margin-top: 0.75rem;
  display: block;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-commissions__grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 1280px) {

  .sl-commissions__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-commissions__advice-grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1280px) {

  .sl-commissions__advice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-commissions__pagination {
  margin-top: 0.5rem;
}

.sl-commissions__panel {
  height: 100%;
}

.sl-commission-card > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.sl-commission-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.sl-commission-card__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.sl-commission-card__badge.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(229 247 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(23 122 87 / var(--tw-text-opacity, 1));
}

.sl-commission-card__badge.is-inactive {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(102 115 142 / var(--tw-text-opacity, 1));
}

.sl-commission-card__period {
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(102 115 142 / var(--tw-text-opacity, 1));
}

.sl-commission-card__description {
  margin: 0px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-commission-card__subject {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#fbfcff,#f7faff);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-commission-card__subject span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-commission-card__subject strong,
  .sl-commission-card__subject a {
  margin-top: 0.5rem;
  display: block;
  font-size: 15px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-commission-card__subject a {
  --tw-text-opacity: 1;
  color: rgb(63 104 168 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.sl-commission-card__subject a:hover {
  --tw-text-opacity: 1;
  color: rgb(44 81 134 / var(--tw-text-opacity, 1));
}

.sl-commission-card__footer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.sl-commission-card__members-meta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#fbfcff,#f7faff);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-commission-card__members-meta span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-commission-card__members-meta strong {
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-commission-card__members {
  display: grid;
  gap: 0.75rem;
}

.sl-commission-member {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.sl-commission-member__copy {
  min-width: 0px;
}

.sl-commission-member__copy strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-commission-member__copy span {
  margin-top: 0.25rem;
  display: block;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(102 115 142 / var(--tw-text-opacity, 1));
    overflow-wrap: anywhere;
}

.sl-commission-member__party {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(63 104 168 / var(--tw-text-opacity, 1));
}

.sl-commissions__empty {
  border-radius: 22px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(220 227 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
}

.sl-commissions__empty.is-inline {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: left;
}

.sl-commissions__empty h2 {
  margin: 0px;
  font-size: 22px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-commissions__empty.is-inline h2 {
  font-size: 16px;
}

.sl-commissions__empty p {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(108 120 146 / var(--tw-text-opacity, 1));
}

.sl-commissions__empty.is-inline p {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 1.5rem;
}

.sl-citizen-voice > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-citizen-voice__hero {
  display: grid;
  gap: 1rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 246 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(135deg,#fbfdff 0%,#f4f9ff 55%,#eef7f5 100%);
  padding: 1.25rem;
}

@media (min-width: 768px) {

  .sl-citizen-voice__hero {
    grid-template-columns: minmax(0,1.15fr) 360px;
    padding: 1.75rem;
  }
}

.sl-citizen-voice.sl-materials-surface {
  padding-top: 1.75rem;
}

.sl-citizen-voice .sl-materials-tabs {
  left: 1.25rem;
  gap: 0.625rem;
    top: 1px;
    transform: translateY(calc(-100% - 1px));
}

.sl-citizen-voice .sl-materials-tab {
    box-shadow: none;
  }

.sl-citizen-voice .sl-materials-tab.is-active {
    box-shadow: none;
  }

.sl-citizen-voice__hero-main {
  min-width: 0px;
}

.sl-citizen-voice__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
    box-shadow: 0 14px 30px rgba(69, 89, 128, 0.08);
}

.sl-citizen-voice__badge strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice__badge span {
  margin-top: 0.125rem;
  display: block;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(101 114 141 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice__hero h1 {
  margin-top: 1.25rem;
  margin-bottom: 0px;
  max-width: 760px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.08;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-citizen-voice__hero h1 {
    font-size: 40px;
  }
}

.sl-citizen-voice__lede {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  max-width: 760px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice__hero-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sl-citizen-voice__hero-side .sl-materials-button {
  align-self: flex-start;
}

@media (min-width: 768px) {

  .sl-citizen-voice__hero-side .sl-materials-button {
    align-self: flex-end;
  }
}

.sl-citizen-voice__hero-metrics {
  display: grid;
  gap: 0.75rem;
}

.sl-citizen-voice__panel-copy {
  margin-bottom: 1.25rem;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice__notice {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  border-radius: 18px;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 14px;
  font-weight: 600;
}

.sl-citizen-voice__notice.is-success {
  --tw-border-opacity: 1;
  border-color: rgb(188 232 207 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 250 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(23 122 87 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice__notice.is-error {
  --tw-border-opacity: 1;
  border-color: rgb(243 198 198 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 244 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(161 58 58 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-profile-card {
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 231 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
    box-shadow: 0 16px 32px rgba(83, 100, 136, 0.08);
}

.sl-citizen-voice-profile-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 237 248 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.sl-citizen-voice-profile-card__header span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-profile-card__header h2 {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-profile-card__content {
  margin-top: 1rem;
}

.sl-citizen-voice-profile-card__content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.sl-citizen-voice-profile-card__grid {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 768px) {

  .sl-citizen-voice-profile-card__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .sl-citizen-voice-profile-card__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.sl-citizen-voice-profile-pill {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#fbfcff,#f7faff);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-citizen-voice-profile-pill span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-profile-pill strong {
  margin-top: 0.5rem;
  display: block;
  font-size: 16px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-profile-card__lists {
  display: grid;
  gap: 1rem;
}

@media (min-width: 1280px) {

  .sl-citizen-voice-profile-card__lists {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-citizen-voice-profile-list {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-citizen-voice-profile-list > span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-profile-tags {
  margin-top: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sl-citizen-voice-profile-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(63 104 168 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-auth-grid {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1280px) {

  .sl-citizen-voice-auth-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-citizen-voice-auth-card {
  height: 100%;
}

.sl-citizen-voice-auth-layout {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1280px) {

  .sl-citizen-voice-auth-layout {
    grid-template-columns: minmax(0,1.45fr) minmax(280px,0.75fr);
  }
}

.sl-citizen-voice-auth-layout__main {
  min-width: 0px;
}

.sl-citizen-voice-auth-aside {
  height: 100%;
}

.sl-citizen-voice-auth-aside__card {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 237 248 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#fbfcff 0%,#f3f8ff 100%);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
    box-shadow: 0 18px 34px rgba(48, 68, 104, 0.06);
}

.sl-citizen-voice-auth-aside__card span {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  --tw-text-opacity: 1;
  color: rgb(102 130 182 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-auth-aside__card h2 {
  margin: 0px;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(33 48 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-auth-aside__card p {
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(102 115 142 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-auth-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.sl-citizen-voice-profile-sections > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.sl-citizen-voice__grid {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 1280px) {

  .sl-citizen-voice__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-citizen-voice-card {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  border-radius: 24px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
    border-color: #e6edf8;
    box-shadow: 0 18px 34px rgba(48, 68, 104, 0.08);
    position: relative;
    overflow: hidden;
}

.sl-citizen-voice-card::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 8px;
    border-radius: 24px 0 0 24px;
    background: #3b82f6;
  }

.sl-citizen-voice-card.is-blue::before {
    background: linear-gradient(180deg, #3b82f6 0%, #1d4ed8 100%);
  }

.sl-citizen-voice-card.is-red::before {
    background: linear-gradient(180deg, #ff6464 0%, #ef4444 100%);
  }

.sl-citizen-voice-card.is-violet::before {
    background: linear-gradient(180deg, #d946ef 0%, #a855f7 100%);
  }

.sl-citizen-voice-card.is-green::before {
    background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
  }

.sl-citizen-voice-card__content {
  padding-left: 1rem;
}

.sl-citizen-voice-card__headline h2 {
  margin: 0px;
  font-size: 18px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-citizen-voice-card__headline h2 {
    font-size: 22px;
  }
}

.sl-citizen-voice-card__headline p {
  margin-top: 0.75rem;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(102 115 142 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-card__meta {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg,#fbfcff,#f7faff);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.sl-citizen-voice-card__meta span {
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(102 115 142 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-card__meta strong {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(23 122 87 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-left: 1rem;
}

.sl-citizen-voice__banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-image: linear-gradient(90deg,#0d63ba 0%,#0d63ba 50%,#0854a1 100%);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-citizen-voice__banner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.sl-citizen-voice__banner.is-image-only {
  display: block;
  overflow: hidden;
  background-color: transparent;
  padding: 0px;
}

.sl-citizen-voice__banner-image {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
    max-height: none;
    display: block;
}

.sl-citizen-voice__banner-icon {
  display: inline-flex;
  height: 3.5rem;
  width: 3.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.1);
  font-size: 28px;
}

.sl-citizen-voice__banner-copy strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
}

.sl-citizen-voice__banner-copy span {
  margin-top: 0.25rem;
  display: block;
  font-size: 14px;
  color: rgb(255 255 255 / 0.8);
}

.sl-citizen-voice-form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.sl-citizen-voice-profile-modal .sl-modal__panel {
    max-height: min(88vh, 920px);
    display: flex;
    flex-direction: column;
  }

.sl-citizen-voice-profile-modal .sl-modal__body {
    overflow-y: auto;
  }

.sl-citizen-voice-survey-modal {
    max-width: 980px;
  }

.sl-citizen-voice-survey-modal .sl-modal__panel {
    max-height: min(88vh, 940px);
    display: flex;
    flex-direction: column;
  }

.sl-citizen-voice-survey-modal .sl-modal__body {
    overflow-y: auto;
  }

.sl-citizen-voice-form__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

.sl-citizen-voice-form__intro-icon {
  display: inline-flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(31 111 183 / var(--tw-bg-opacity, 1));
  font-size: 28px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__intro h3 {
  margin-top: 1rem;
  margin-bottom: 0px;
  font-size: 28px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(31 44 70 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__intro p {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(46 58 86 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__intro span {
  margin-top: 1rem;
  font-size: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 95 95 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__status {
  border-radius: 16px;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 14px;
  font-weight: 600;
}

.sl-citizen-voice-form__status.is-success {
  --tw-border-opacity: 1;
  border-color: rgb(188 232 207 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 250 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(23 122 87 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__status.is-error {
  --tw-border-opacity: 1;
  border-color: rgb(241 192 192 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(176 56 56 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__group > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.sl-citizen-voice-form__group h3 {
  margin: 0px;
  font-size: 15px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-form__choices {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 768px) {

  .sl-citizen-voice-form__choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-citizen-voice-question-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 768px) {

  .sl-citizen-voice-question-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-citizen-voice-question {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(232 238 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-citizen-voice-question legend {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(43 56 84 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-question legend span {
  --tw-text-opacity: 1;
  color: rgb(255 95 95 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-question__options {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.sl-citizen-voice-choice {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(216 226 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 80 109 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-choice input {
  height: 1rem;
  width: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(191 204 229 / var(--tw-border-opacity, 1));
  color: var(--sl-primary);
}

.sl-citizen-voice-choice input:focus {
  --tw-ring-color: var(--sl-primary);
}

.sl-citizen-voice-results-modal {
    max-width: 1100px;
  }

.sl-citizen-voice-results-modal .sl-modal__panel {
    max-height: min(86vh, 780px);
    display: flex;
    flex-direction: column;
  }

.sl-citizen-voice-results-modal .sl-modal__body {
    overflow-y: auto;
  }

.sl-citizen-voice-results {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 1024px) {

  .sl-citizen-voice-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.sl-citizen-voice-results__section {
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 237 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(252 253 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-citizen-voice-results__section h3 {
  margin: 0px;
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {

  .sl-citizen-voice-results__section--comments {
    grid-column: span 2 / span 2;
  }
}

.sl-citizen-voice-bars {
  display: grid;
  min-height: 260px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-end;
  gap: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 243 / var(--tw-border-opacity, 1));
  padding-top: 1.5rem;
}

.sl-citizen-voice-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.sl-citizen-voice-bar__track {
  display: flex;
  height: 180px;
  width: 100%;
  max-width: 96px;
  align-items: flex-end;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 251 / var(--tw-bg-opacity, 1));
}

.sl-citizen-voice-bar__fill {
  width: 100%;
  border-radius: 16px 16px 0 0;
    background: linear-gradient(180deg, #73d8cf 0%, #6d84e4 100%);
}

.sl-citizen-voice-bar strong {
  font-size: 16px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-bar span {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-results__chart-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

@media (min-width: 1024px) {

  .sl-citizen-voice-results__chart-wrap {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.sl-citizen-voice-results__legend {
  display: grid;
  gap: 0.75rem;
}

.sl-citizen-voice-results__legend-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.sl-citizen-voice-results__legend-item strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-results__legend-item small {
  margin-top: 0.125rem;
  display: block;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(111 124 150 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-results__legend-swatch {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  border-radius: 6px;
}

.sl-citizen-voice-results__legend-swatch.is-purple {
    background: #6f57c8;
  }

.sl-citizen-voice-results__legend-swatch.is-teal {
    background: #59b697;
  }

.sl-citizen-voice-results__legend-swatch.is-pink {
    background: #c3538b;
  }

.sl-citizen-voice-results__pie {
  display: flex;
  min-width: 220px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.sl-citizen-voice-results__pie-chart {
  height: 156px;
  width: 156px;
  border-radius: 9999px;
    position: relative;
}

.sl-citizen-voice-results__pie-chart::after {
    content: "";
    position: absolute;
    inset: 24px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

.sl-citizen-voice-results__pie strong {
  font-size: 24px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-comments {
  display: grid;
  gap: 0.75rem;
}

.sl-citizen-voice-comments-wrap {
  display: grid;
  gap: 0.75rem;
}

.sl-citizen-voice-comments-wrap.is-expanded .sl-citizen-voice-comments {
    max-height: min(42vh, 420px);
    overflow-y: auto;
    padding-right: 4px;
  }

.sl-citizen-voice-comments__toggle {
  justify-content: center;
  align-self: flex-start;
}

.sl-citizen-voice-comment {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(232 238 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-citizen-voice-comment.is-focused {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
    transition: box-shadow 0.25s ease;
  }

.sl-citizen-voice-comment__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.sl-citizen-voice-comment__meta strong {
  font-size: 14px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(36 50 75 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-comment__meta span {
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(122 134 161 / var(--tw-text-opacity, 1));
}

.sl-citizen-voice-comment p {
  margin-top: 0.5rem;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(93 104 128 / var(--tw-text-opacity, 1));
}

@media (max-width: 1023px) {
    .sl-commissions__grid,
    .sl-commissions__advice-grid,
    .sl-citizen-voice__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  }

@media (max-width: 767px) {
    .sl-commissions > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }

    .sl-commissions__hero {
    border-radius: 20px;
    padding: 1rem;
  }

    .sl-commissions__hero h1 {
    font-size: 28px;
  }

    .sl-citizen-voice__hero {
    border-radius: 20px;
    padding: 1rem;
  }

    .sl-citizen-voice.sl-materials-surface {
    padding-top: 1.5rem;
  }

    .sl-citizen-voice .sl-materials-tabs {
    left: 0.75rem;
    right: 0.75rem;
    gap: 0.375rem;
      transform: translateY(calc(-100% + 4px));
  }

    .sl-citizen-voice__hero h1 {
    font-size: 28px;
  }

    .sl-commissions__lede {
    font-size: 14px;
    line-height: 1.5rem;
  }

    .sl-citizen-voice__lede {
    font-size: 14px;
    line-height: 1.5rem;
  }

    .sl-commissions__hero-metric strong {
    font-size: 28px;
  }

    .sl-commission-member {
    flex-direction: column;
    align-items: flex-start;
  }

    .sl-commission-member__party {
    flex-shrink: 0;
    align-self: flex-start;
  }

    .sl-commission-card__members-meta {
    align-items: flex-start;
  }

    .sl-citizen-voice__banner {
    flex-direction: column;
    align-items: flex-start;
  }

    .sl-citizen-voice-profile-card__header {
    flex-direction: column;
    align-items: flex-start;
  }

    .sl-citizen-voice-auth-switch {
    width: 100%;
  }

    .sl-citizen-voice-auth-switch .sl-materials-button {
    flex: 1 1 0%;
    justify-content: center;
  }

    .sl-citizen-voice-card__actions {
    padding-left: 0px;
  }

    .sl-citizen-voice-results__pie {
    min-width: 0px;
  }

    .sl-citizen-voice-form__intro h3 {
    font-size: 24px;
  }

    .sl-citizen-voice-form__intro p {
    font-size: 15px;
  }

    .sl-citizen-voice-bars {
    min-height: 220px;
    gap: 0.75rem;
  }

    .sl-citizen-voice-bar__track {
    max-width: 80px;
  }
  }

@media (max-width: 479px) {
    .sl-commissions__hero {
    padding: 0.875rem;
  }

    .sl-commissions__hero h1 {
    font-size: 24px;
  }

    .sl-citizen-voice__hero {
    padding: 0.875rem;
  }

    .sl-citizen-voice .sl-materials-tabs {
    left: 0.5rem;
    right: 0.5rem;
    gap: 0.25rem;
      transform: translateY(calc(-100% + 8px));
  }

    .sl-citizen-voice__hero h1 {
    font-size: 24px;
  }

    .sl-commissions__hero-metric {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .sl-commissions__hero-metric strong {
    font-size: 24px;
  }
  }

.sl-login-page {
  height: 100%;
}

.sl-login-shell {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1054px;
}

.sl-login-frame {
  width: 100%;
  overflow: hidden;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 240 250 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 100px;
    box-shadow: 0 10px 28px rgba(95, 111, 149, 0.06);
}

.sl-login-card {
  display: grid;
  gap: 34px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

@media (min-width: 1280px) {

  .sl-login-card {
    grid-template-columns: 430px minmax(0,1fr);
  }
}

.sl-login-card {
    margin-bottom: 48px;
  }

.sl-login-welcome {
  position: relative;
  overflow: hidden;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 100px;
    background:
      linear-gradient(180deg, #556dcc 0%, #586bc3 60%, #5e678f 100%);
    min-height: 486px;
}

.sl-login-welcome h1 {
  margin: 0px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-login-welcome__copy > p:last-child {
  margin-top: 2.5rem;
  max-width: 310px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
    color: rgba(255, 255, 255, 0.94);
}

.sl-login-welcome__notice {
  position: relative;
  z-index: 1;
  margin-left: 22px;
  margin-top: 68px;
  display: flex;
  max-width: 332px;
  gap: 0.75rem;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 18px;
  padding-bottom: 18px;
  --tw-text-opacity: 1;
  color: rgb(75 85 109 / var(--tw-text-opacity, 1));
    box-shadow: 0 10px 18px rgba(27, 40, 79, 0.12);
}

.sl-login-welcome__notice-icon {
  display: flex;
  height: 25px;
  width: 25px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.sl-login-welcome__notice strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.sl-login-welcome__notice p {
  margin-bottom: 0px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(124 133 151 / var(--tw-text-opacity, 1));
}

.sl-login-welcome__notice small {
  margin-top: 6px;
  display: block;
  font-size: 11px;
  line-height: 1.55;
  --tw-text-opacity: 1;
  color: rgb(124 133 151 / var(--tw-text-opacity, 1));
}

.sl-login-welcome__footer {
  position: absolute;
  bottom: 24px;
  left: 24px;
  z-index: 1;
}

.sl-login-security-badge {
  display: inline-flex;
  align-items: center;
}

.sl-login-security-badge img {
  height: auto;
  width: 126px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sl-login-form-panel {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sl-login-brand {
  display: flex;
  justify-content: center;
  padding-bottom: 22px;
  padding-top: 4px;
}

.sl-login-brand img {
  height: auto;
  width: 100%;
  max-width: 308px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sl-login-form-shell {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  min-height: 382px;
  width: 100%;
  max-width: 438px;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 232 241 / var(--tw-border-opacity, 1));
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.sl-login-alert {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(242 199 199 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 244 244 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(166 62 62 / var(--tw-text-opacity, 1));
}

.sl-login-alert strong {
  font-size: 13px;
  font-weight: 800;
}

.sl-login-alert span {
  font-size: 12px;
  line-height: 1.25rem;
}

.sl-login-form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(18px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(18px * var(--tw-space-y-reverse));
}

.sl-login-field > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}

.sl-login-field label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(45 52 66 / var(--tw-text-opacity, 1));
}

.sl-login-field input {
  height: 34px;
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(221 226 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-login-field input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(194 199 210 / var(--tw-text-opacity, 1));
}

.sl-login-field input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(194 199 210 / var(--tw-text-opacity, 1));
}

.sl-login-field input:focus {
  border-color: var(--sl-primary);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgba(77,128,208,0.08);
}

.sl-login-password {
  position: relative;
}

.sl-login-password input {
  padding-right: 2.5rem;
}

.sl-login-password__toggle {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(138 149 170 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-login-password__toggle:hover {
  color: var(--sl-primary);
}

.sl-login-remember {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sl-login-remember input {
  margin-top: 3px;
  height: 0.875rem;
  width: 0.875rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(188 199 222 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.sl-login-remember input:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity, 1));
}

.sl-login-remember strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.sl-login-remember small {
  margin-top: 2px;
  display: block;
  font-size: 12px;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(154 163 178 / var(--tw-text-opacity, 1));
}

.sl-login-submit {
  display: inline-flex;
  height: 34px;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(21 30 49 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-login-submit:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 42 68 / var(--tw-bg-opacity, 1));
}

.sl-login-submit {
    box-shadow: none;
  }

.sl-login-links {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 14px;
  font-size: 11px;
}

.sl-login-links a {
  font-weight: 600;
  color: var(--sl-primary);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-login-links a:hover {
  --tw-text-opacity: 1;
  color: rgb(43 89 168 / var(--tw-text-opacity, 1));
}

.sl-login-meta {
  margin-top: 10px;
  display: flex;
  min-width: 0px;
  flex-direction: column;
  gap: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(126 135 154 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .sl-login-meta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.sl-login-meta {
    padding-right: 56px;
  }

.sl-login-meta p {
  margin: 0px;
  min-width: 0px;
  flex: 1 1 0%;
}

.sl-login-meta img {
  height: auto;
  max-height: 30px;
  width: auto;
  max-width: 88px;
  flex-shrink: 0;
  align-self: flex-end;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.95;
    margin-right: 10px;
}

@media (max-width: 1279px) {
    .sl-login-card {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
  }

    .sl-login-form-panel {
    max-width: none;
  }
  }

@media (max-width: 767px) {
    .sl-login-frame {
    min-height: 0px;
    padding: 0.75rem;
      border-radius: 12px;
  }

    .sl-login-card {
    gap: 1rem;
    padding: 0.5rem;
  }

    .sl-login-welcome {
    min-height: 0px;
    border-radius: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
  }

    .sl-login-welcome__notice {
    margin-left: 0px;
    margin-top: 1.5rem;
    max-width: none;
  }

    .sl-login-welcome__footer {
    position: static;
    margin-top: 1.5rem;
  }

    .sl-login-form-panel {
    border-radius: 12px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

    .sl-login-form-shell {
    min-height: 0px;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

    .sl-login-links {
    flex-direction: column;
    align-items: flex-start;
  }

    .sl-login-meta {
    gap: 0.75rem;
    padding-left: 0px;
      padding-right: 8px;
  }

    .sl-login-meta img {
    align-self: flex-start;
  }

    .sl-login-brand {
    padding-bottom: 1rem;
  }

    .sl-login-brand img {
    max-width: 248px;
  }

    .sl-login-field input,
    .sl-login-submit {
    height: 2.5rem;
  }
  }

.sl-meetings-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

@media (min-width: 1280px) {
    .sl-meetings-filters {
      flex: 0 0 auto;
    }

    .sl-meetings-toolbar {
      justify-content: flex-start;
    }

    .sl-meetings-toolbar .sl-materials-toolbar__actions {
      align-self: flex-end;
      justify-content: flex-start;
    }

    .sl-meetings-filter-field--type {
      flex: 0 0 320px;
      max-width: 320px;
    }

    .sl-meetings-filter-field--date {
      flex: 0 0 190px;
      max-width: 190px;
    }
  }

.sl-propositions-filters {
    grid-template-columns: minmax(0, 320px);
  }

@media (min-width: 1280px) {
    .sl-propositions-filter-field--type {
      flex: 0 0 320px;
      max-width: 320px;
    }
  }

.sl-meetings-table__actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.sl-meetings-table__menu-cell {
  width: 1px;
  white-space: nowrap;
  text-align: right;
}

.sl-propositions-table-card__heading {
  min-width: 0px;
}

.sl-propositions-table-card__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.sl-propositions-table-card__badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(237 244 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-meetings-table__muted {
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(138 147 166 / var(--tw-text-opacity, 1));
}

.sl-meetings-table__action-icon {
  position: relative;
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border-width: 1px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-meetings-table__action-icon.is-summary,
  .sl-meetings-table__action-icon.is-propositions,
  .sl-meetings-table__action-icon.is-file,
  .sl-meetings-table__action-icon.is-agenda,
  .sl-meetings-table__action-icon.is-video,
  .sl-meetings-table__action-icon.is-presence,
  .sl-meetings-table__action-icon.is-detail {
  --tw-text-opacity: 1;
  color: rgb(31 111 190 / var(--tw-text-opacity, 1));
    background: #f4f8ff;
    border-color: #cfe0f7;
}

.sl-meetings-table__action-icon.is-attachment {
  --tw-text-opacity: 1;
  color: rgb(176 106 18 / var(--tw-text-opacity, 1));
    background: #fff8ea;
    border-color: #f2d9aa;
}

.sl-meetings-table__action-icon.is-file {
    color: #2563eb;
    background: #eaf2ff;
    border-color: #bfd6ff;
  }

.sl-meetings-table__action-icon.is-agenda {
    color: #0284c7;
    background: #e8f7ff;
    border-color: #bce8fb;
  }

.sl-meetings-table__action-icon.is-propositions,
  .sl-meetings-table__action-icon.is-summary {
    color: #4f46e5;
    background: #f0edff;
    border-color: #d7cdfd;
  }

.sl-meetings-table__action-icon.is-video {
    color: #be123c;
    background: #fff1f3;
    border-color: #fecdd6;
  }

.sl-meetings-table__action-icon.is-presence {
    color: #0f766e;
    background: #e8fbf6;
    border-color: #bcecdf;
  }

.sl-meetings-table__action-icon.is-detail {
    color: #7c3aed;
    background: #f5edff;
    border-color: #e1d0ff;
  }

.sl-meetings-table__action-icon:hover {
    filter: brightness(0.96);
  }

.sl-meetings-table__action-icon svg {
  height: 18px;
  width: 18px;
}

.sl-floating-tooltip {
  pointer-events: none;
  position: fixed;
  z-index: 320;
  white-space: nowrap;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(23 32 51 / var(--tw-bg-opacity, 1));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    transform: translate(-50%, -100%);
}

.sl-floating-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    height: 0px;
    width: 0px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    --tw-border-opacity: 1;
    border-top-color: rgb(23 32 51 / var(--tw-border-opacity, 1));
    transform: translateX(-50%);
  }

.sl-floating-tooltip.is-visible {
  opacity: 1;
}

.sl-meetings-files {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.sl-meetings-file-card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 232 247 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 251 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {

  .sl-meetings-file-card {
    flex-direction: row;
    align-items: center;
  }
}

.sl-meetings-file-card__icon {
  display: inline-flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(207 224 247 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(31 111 190 / var(--tw-text-opacity, 1));
}

.sl-meetings-file-card__icon svg {
  height: 1.25rem;
  width: 1.25rem;
}

.sl-meetings-file-card__copy {
  min-width: 0px;
  flex: 1 1 0%;
}

.sl-meetings-file-card__copy strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(47 60 86 / var(--tw-text-opacity, 1));
}

.sl-meetings-file-card__copy span {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(123 137 163 / var(--tw-text-opacity, 1));
}

.sl-meetings-file-card__download {
  display: inline-flex;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border-width: 1px;
  border-color: var(--sl-primary);
  background-color: var(--sl-primary);
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-meetings-file-card__download:hover {
  --tw-border-opacity: 1;
  border-color: rgb(23 77 138 / var(--tw-border-opacity, 1));
}

.sl-modal__dialog--presence {
    max-width: 860px;
  }

.sl-meetings-presence-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }

@media (min-width: 640px) {
    .sl-meetings-presence-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

@media (min-width: 1024px) {
    .sl-meetings-presence-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

.sl-meetings-presence-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
    box-shadow: 0 12px 24px rgba(111, 129, 171, 0.08);
}

.sl-modal__dialog--presence .sl-modal__panel {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 40px);
  }

.sl-modal__dialog--presence .sl-modal__body {
    overflow-y: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

.sl-meetings-presence-card__photo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 241 251 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg, #f7f9ff, #eef4ff);
  padding: 1rem;
    min-height: 150px;
}

.sl-meetings-presence-card__photo {
  height: 120px;
  width: 100%;
  border-radius: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sl-meetings-presence-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
}

.sl-meetings-presence-card__body strong {
  font-size: 15px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(54 68 95 / var(--tw-text-opacity, 1));
    line-height: 1.3;
}

.sl-meetings-presence-card__body span {
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(122 134 159 / var(--tw-text-opacity, 1));
    line-height: 1.35;
}

.sl-proposition-summary {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.sl-meeting-videos {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.sl-meeting-videos__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 237 248 / var(--tw-border-opacity, 1));
  padding-bottom: 1.25rem;
}

.sl-meeting-videos__back {
  margin-bottom: 0.75rem;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--sl-primary);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-meeting-videos__back:hover {
  --tw-text-opacity: 1;
  color: rgb(23 77 138 / var(--tw-text-opacity, 1));
}

.sl-meeting-videos__header h1 {
  font-size: 28px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(38 50 71 / var(--tw-text-opacity, 1));
    line-height: 1.15;
}

.sl-meeting-videos__header p {
  margin-top: 0.5rem;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(119 132 156 / var(--tw-text-opacity, 1));
}

.sl-meeting-videos__section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sl-meeting-videos__section h2 {
  font-size: 18px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(46 59 84 / var(--tw-text-opacity, 1));
}

.sl-meeting-videos__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 1024px) {

  .sl-meeting-videos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sl-meeting-videos__grid.is-main {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.sl-meeting-video-card {
  overflow: hidden;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(223 232 247 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sl-meeting-video-card__media {
  position: relative;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(16 24 40 / var(--tw-bg-opacity, 1));
    aspect-ratio: 16 / 9;
}

.sl-meeting-video-card__poster {
  position: absolute;
  inset: 0px;
  display: block;
  height: 100%;
  width: 100%;
}

.sl-meeting-video-card__poster img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.sl-meeting-video-card__poster:hover img {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0.7;
}

.sl-meeting-video-card__overlay {
  position: absolute;
  inset: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background-color: rgba(16,24,40,0.38);
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-meeting-video-card__play {
  display: inline-flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.4);
  background-color: rgb(255 255 255 / 0.2);
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.sl-meeting-video-card__play svg {
  height: 1.75rem;
  width: 1.75rem;
}

.sl-meeting-video-card__watch {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.sl-meeting-video-card__empty {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.sl-meeting-video-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 640px) {

  .sl-meeting-video-card__body {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.sl-meeting-video-card__body strong {
  display: block;
  font-size: 14px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(47 60 86 / var(--tw-text-opacity, 1));
}

.sl-meeting-video-card__body span {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(123 137 163 / var(--tw-text-opacity, 1));
}

.sl-meeting-video-card__body a {
  display: inline-flex;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border-width: 1px;
  border-color: var(--sl-primary);
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 12px;
  font-weight: 800;
  color: var(--sl-primary);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-meeting-video-card__body a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(237 246 255 / var(--tw-bg-opacity, 1));
}

.sl-proposition-summary__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.sl-proposition-summary__hero {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 235 247 / var(--tw-border-opacity, 1));
  background-image: linear-gradient(180deg, #f4f7ff, #ffffff);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {
    .sl-proposition-summary__hero {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
  }

.sl-proposition-summary__eyebrow {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__hero h1 {
  margin-top: 0.5rem;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(62 74 99 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__hero p {
  margin-top: 0.5rem;
  max-width: 760px;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(119 131 157 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__ata-label {
  margin-top: 0.5rem;
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(215 228 251 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__text-static,
  .sl-proposition-summary__text-preview,
  .sl-proposition-summary__text-full {
  margin-top: 0.5rem;
  max-width: 860px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(119 131 157 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__text-details {
  margin-top: 0.5rem;
  max-width: 860px;
}

.sl-proposition-summary__text-summary {
  cursor: pointer;
  list-style-type: none;
}

.sl-proposition-summary__text-summary::-webkit-details-marker {
    display: none;
  }

.sl-proposition-summary__text-toggle {
  margin-top: 0.75rem;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 228 246 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 12px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__text-toggle .is-expanded {
    display: none;
  }

.sl-proposition-summary__text-details[open]
    .sl-proposition-summary__text-preview {
    display: none;
  }

.sl-proposition-summary__text-details[open]
    .sl-proposition-summary__text-toggle
    .is-collapsed {
    display: none;
  }

.sl-proposition-summary__text-details[open]
    .sl-proposition-summary__text-toggle
    .is-expanded {
    display: inline;
  }

.sl-proposition-summary__text-full {
  padding-top: 0.5rem;
}

.sl-proposition-summary__status,
  .sl-proposition-summary-card__pill {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.sl-proposition-summary__status.is-approved,
  .sl-proposition-summary-card__pill.is-approved {
  --tw-bg-opacity: 1;
  background-color: rgb(232 251 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(25 146 111 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__status.is-progress,
  .sl-proposition-summary-card__pill.is-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(238 244 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__status.is-rejected,
  .sl-proposition-summary-card__pill.is-rejected {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 241 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(195 93 93 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__status.is-pending,
  .sl-proposition-summary-card__pill.is-pending {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 232 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(191 122 29 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

@media (min-width: 1180px) {
    .sl-proposition-summary__grid {
      grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.35fr);
      align-items: start;
    }
  }

.sl-proposition-summary-card,
  .sl-proposition-summary-panel,
  .sl-proposition-summary-empty {
  border-radius: 18px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(221 230 244 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
    box-shadow: 0 14px 34px rgba(115, 132, 173, 0.08);
}

.sl-proposition-summary-card__header,
  .sl-proposition-summary-panel__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.sl-proposition-summary-panel__header > div:first-child {
  min-width: 0px;
}

@media (min-width: 640px) {
    .sl-proposition-summary-card__header,
    .sl-proposition-summary-panel__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  }

.sl-proposition-summary-card__header h2,
  .sl-proposition-summary-panel__header h2,
  .sl-proposition-summary-empty h2 {
  font-size: 18px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(63 74 98 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-card__header p,
  .sl-proposition-summary-panel__header p,
  .sl-proposition-summary-empty p {
  margin-top: 0.25rem;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(123 134 156 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-card__chart {
  margin-top: 1.25rem;
  border-radius: 16px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 242 251 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.sl-proposition-summary-card__chart .sl-chart {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    min-height: 160px;
    padding: 1rem 0.9rem 0.65rem;
    background-size:
      100% 25%,
      25% 100%;
  }

.sl-proposition-summary-card__chart .sl-chart__bar-wrap {
    height: 96px;
    width: 100%;
    max-width: 52px;
    margin: 0 auto;
  }

.sl-proposition-summary-card__chart .sl-chart__item {
    gap: 0.45rem;
  }

.sl-proposition-summary-card__chart .sl-chart__bar {
    width: 100%;
    border-radius: 0;
  }

.sl-proposition-summary-card__chart .sl-chart__label {
    font-size: 10px;
    line-height: 1.1;
  }

.sl-proposition-summary-card__chart .sl-chart__value {
    top: -18px;
    min-width: 56px;
    padding: 8px 10px;
  }

.sl-proposition-summary-card__chart .sl-chart__value strong {
    font-size: 12px;
  }

.sl-proposition-summary-card__chart .sl-chart__value span {
    font-size: 10px;
  }

.sl-proposition-summary-card__totals {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 640px) {
    .sl-proposition-summary-card__totals {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  }

.sl-proposition-summary-card__totals div {
  border-radius: 14px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(235 239 248 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
}

.sl-proposition-summary-card__totals div:nth-child(1) {
    background: #edf5ff;
    border-color: #cfe0f4;
  }

.sl-proposition-summary-card__totals div:nth-child(1) strong {
    color: #1f5a84;
  }

.sl-proposition-summary-card__totals div:nth-child(2) {
    background: #fff5e7;
    border-color: #f3d7a6;
  }

.sl-proposition-summary-card__totals div:nth-child(2) strong {
    color: #b97518;
  }

.sl-proposition-summary-card__totals div:nth-child(3) {
    background: #eef0ff;
    border-color: #d2d8fb;
  }

.sl-proposition-summary-card__totals div:nth-child(3) strong {
    color: #5968d8;
  }

.sl-proposition-summary-card__totals div:nth-child(4) {
    background: #f3f5f8;
    border-color: #e1e6ef;
  }

.sl-proposition-summary-card__totals div:nth-child(4) strong {
    color: #73819c;
  }

.sl-proposition-summary-card__totals strong {
  display: block;
  font-size: 20px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(65 80 107 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-card__totals span {
  margin-top: 0.25rem;
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  --tw-text-opacity: 1;
  color: rgb(138 148 168 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-panel__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  row-gap: 0.25rem;
  font-size: 11px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(127 138 162 / var(--tw-text-opacity, 1));
    text-align: right;
}

.sl-proposition-summary-panel__meta span {
  white-space: nowrap;
}

.sl-proposition-summary-votes {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.sl-proposition-summary-vote {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 14px;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(191 212 250 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
    .sl-proposition-summary-vote {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  }

.sl-proposition-summary-vote__identity {
  display: flex;
  min-width: 0px;
  align-items: center;
  gap: 0.75rem;
}

.sl-proposition-summary-vote__avatar {
  display: inline-flex;
  height: 2.75rem;
  width: 2.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(233 239 255 / var(--tw-bg-opacity, 1));
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(77 128 208 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-vote__avatar img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sl-proposition-summary-vote__text {
  min-width: 0px;
}

.sl-proposition-summary-vote__text strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(69 81 108 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-vote__text span {
  margin-top: 0.25rem;
  display: block;
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(135 145 165 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-vote__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  border-radius: 10px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.sl-proposition-summary-vote__badge.is-yes {
  --tw-bg-opacity: 1;
  background-color: rgb(223 245 239 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(27 142 114 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-vote__badge.is-no {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 240 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(198 91 91 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-vote__badge.is-abstention {
  --tw-bg-opacity: 1;
  background-color: rgb(238 240 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(100 119 215 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-vote__badge.is-out,
  .sl-proposition-summary-vote__badge.is-neutral {
  --tw-bg-opacity: 1;
  background-color: rgb(242 244 248 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(123 134 156 / var(--tw-text-opacity, 1));
}

.sl-proposition-summary-empty {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (max-width: 767px) {
    .sl-proposition-summary {
    gap: 1rem;
  }

    .sl-proposition-summary__hero {
    border-radius: 18px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

    .sl-proposition-summary__hero h1 {
    font-size: 26px;
    line-height: 1.25;
  }

    .sl-proposition-summary-card,
    .sl-proposition-summary-panel,
    .sl-proposition-summary-empty {
    border-radius: 16px;
    padding: 0.75rem;
  }

    .sl-proposition-summary-card__chart {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .sl-proposition-summary-card__chart .sl-chart {
      gap: 0.55rem;
      padding: 0.85rem 0.45rem 0.5rem;
    }

    .sl-proposition-summary-card__chart .sl-chart__bar-wrap {
      height: 84px;
      max-width: 48px;
    }

    .sl-proposition-summary-card__totals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

    .sl-proposition-summary-vote {
    gap: 0.625rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

    .sl-proposition-summary-vote__badge {
    width: 100%;
  }
  }

.sl-search-results > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.sl-search-results__hero {
  border-radius: 22px;
  border-width: 1px;
  border-color: var(--sl-border-soft);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 768px) {

  .sl-search-results__hero {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.sl-search-results__hero {
    background:
      radial-gradient(circle at top right, rgba(213, 162, 60, 0.15), transparent 24%),
      linear-gradient(135deg, rgba(31, 95, 170, 0.12) 0%, rgba(22, 152, 176, 0.10) 48%, #f8fcff 100%);
  }

.sl-search-results__eyebrow {
  display: inline-flex;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--sl-primary);
    box-shadow: 0 8px 18px rgba(26, 63, 120, 0.08);
}

.sl-search-results__hero h1 {
  margin-top: 0.75rem;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--sl-text-strong);
}

@media (min-width: 768px) {

  .sl-search-results__hero h1 {
    font-size: 32px;
  }
}

.sl-search-results__hero p {
  margin-top: 0.75rem;
  max-width: 48rem;
  font-size: 14px;
  line-height: 1.5rem;
  color: var(--sl-text);
}

.sl-search-results__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.sl-search-results__tab {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--sl-border-soft);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--sl-text);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-search-results__tab:hover {
  border-color: var(--sl-primary-soft);
  color: var(--sl-primary);
}

.sl-search-results__tab strong {
  border-radius: 9999px;
  background-color: var(--sl-primary-soft);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 12px;
  font-weight: 800;
  color: var(--sl-primary);
}

.sl-search-results__tab.is-active {
  border-color: var(--sl-primary);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    background: var(--sl-primary);
}

.sl-search-results__tab.is-active strong {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: var(--sl-primary);
}

.sl-search-results__groups > :not([hidden]) ~ :not([hidden]),
  .sl-search-results__panel-wrap > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.sl-search-results__panel {
  border-width: 1px;
  border-color: var(--sl-border-soft);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.sl-search-results__list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.sl-search-result-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 18px;
  border-width: 1px;
  border-color: var(--sl-border-soft);
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {

  .sl-search-result-card {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.sl-search-result-card {
    box-shadow: 0 10px 22px rgba(26, 63, 120, 0.04);
  }

.sl-search-result-card__copy {
  min-width: 0px;
  flex: 1 1 0%;
}

.sl-search-result-card__badge {
  display: inline-flex;
  border-radius: 9999px;
  background-color: var(--sl-primary-soft);
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--sl-primary);
}

.sl-search-result-card__copy h3 {
  margin-top: 0.75rem;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.375;
  color: var(--sl-text-strong);
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sl-search-result-card__copy p {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 1.5rem;
  color: var(--sl-text);
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sl-search-result-card__copy small {
  margin-top: 0.75rem;
  display: block;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(122 134 157 / var(--tw-text-opacity, 1));
    word-break: break-word;
    overflow-wrap: anywhere;
}

.sl-inline-action--search {
  align-self: flex-start;
  white-space: nowrap;
}

.sl-search-results__empty {
  border-radius: 18px;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--sl-border);
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  text-align: center;
    background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
}

.sl-search-results__empty.is-compact {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
}

.sl-search-results__empty h2 {
  font-size: 20px;
  font-weight: 800;
  color: var(--sl-text-strong);
}

.sl-search-results__empty p {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 1.5rem;
  color: var(--sl-text);
}

@media (max-width: 1023px) {
    .sl-search-results__tab {
    min-width: calc(50% - 0.375rem);
    justify-content: space-between;
      flex: 1 1 calc(50% - 0.375rem);
  }
  }

@media (max-width: 767px) {
    .sl-search-results__hero {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

    .sl-search-results__hero h1 {
    font-size: 21px;
  }

    .sl-search-results__tabs {
    gap: 0.5rem;
  }

    .sl-search-results__tab {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 12px;
  }

    .sl-search-result-card {
    border-radius: 16px;
  }

    .sl-inline-action--search {
    width: 100%;
    justify-content: center;
  }
  }

@media (max-width: 479px) {
    .sl-search-results__hero {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

    .sl-search-results__hero h1 {
    font-size: 19px;
  }

    .sl-search-results__tab {
      flex: 1 1 100%;
      min-width: 0;
    }

    .sl-search-result-card {
    padding: 0.875rem;
  }

    .sl-search-result-card__copy h3 {
    font-size: 16px;
  }

    .sl-search-result-card__copy p {
    font-size: 13px;
    line-height: 1.25rem;
  }
  }

.sl-dashboard-side-link.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(231 239 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(95 135 214 / var(--tw-text-opacity, 1));
    box-shadow: inset 0 0 0 1px rgba(150, 179, 234, 0.14);
}

.sl-dashboard-side-link.is-active .sl-dashboard-side-link__label {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(79 118 200 / var(--tw-text-opacity, 1));
}

.sl-dashboard-side-link.is-active .sl-dashboard-side-link__icon {
  --tw-text-opacity: 1;
  color: rgb(138 165 216 / var(--tw-text-opacity, 1));
}

.sl-dashboard-side-dropdown__link.is-active {
  background-color: rgb(255 255 255 / 0.7);
    color: #6187ca;
}

.sl-panel {
  border-radius: 22px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 235 251 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
    box-shadow: none;
}

.sl-panel__header {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 240 251 / var(--tw-border-opacity, 1));
  padding-bottom: 1rem;
}

.sl-panel__header h2 {
  margin: 0px;
  font-size: 16px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.sl-panel__action {
  display: inline-flex;
  height: 2.25rem;
  align-items: center;
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 245 251 / var(--tw-bg-opacity, 1));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 12px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-panel__action:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(111 147 210 / var(--tw-text-opacity, 1));
}

.sl-chart {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  overflow: hidden;
  border-radius: 12px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(237 240 251 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1rem;
  padding-top: 1.5rem;
    min-height: 230px;
    background-image:
      linear-gradient(to top, rgba(236, 240, 251, 0.95) 1px, transparent 1px),
      linear-gradient(to right, rgba(236, 240, 251, 0.95) 1px, transparent 1px);
    background-size:
      100% 25%,
      25% 100%;
}

.sl-chart__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.sl-chart__bar-wrap {
  display: flex;
  height: 150px;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
  background-color: transparent;
}

.sl-chart__bar {
  width: 72%;
  border-radius: 0px;
}

.sl-chart__label {
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.15;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

@media (max-width: 1023px) {
    .sl-chart {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-top: 1.25rem;
      background-size:
        100% 25%,
        50% 100%;
      min-height: 0;
  }
  }

.sl-figma-panel-item__icon.is-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(237 242 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(142 167 217 / var(--tw-text-opacity, 1));
}

.sl-figma-panel-item__icon.is-amber {
  --tw-bg-opacity: 1;
  background-color: rgb(255 243 223 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(239 203 136 / var(--tw-text-opacity, 1));
}

@media (max-width: 1023px) {
    .sl-shell {
    gap: 0px;
    padding: 0px;
  }

    .sl-topbar {
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
  }

    .sl-dashboard-shell {
    gap: 0px;
    padding: 0px;
  }

    .sl-dashboard-topbar {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

    .sl-dashboard-topbar__left {
    width: 100%;
  }

    .sl-dashboard-topbar__right {
    width: 100%;
    justify-content: flex-end;
  }

    .sl-dashboard-search input {
    width: 100%;
  }
  }

@media (max-width: 767px) {
    .sl-dashboard-topbar {
    gap: 0.75rem;
  }

    .sl-chart {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-left: 0.875rem;
    padding-right: 0.875rem;
      background-size:
        100% 25%,
        100% 100%;
  }

    .sl-dashboard-menu-trigger {
    height: 2.5rem;
    width: 2.5rem;
  }

    .sl-dashboard-search input {
    height: 2.5rem;
    font-size: 13px;
  }

    .sl-dashboard-topbar__cta {
    height: 2.5rem;
    width: 100%;
    min-width: 0px;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 13px;
  }

    .sl-dashboard-page {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  }

.sl-accessibility-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
        flex: 0 0 auto;
}

.sl-accessibility-tools__label {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  --tw-text-opacity: 1;
  color: rgb(116 131 154 / var(--tw-text-opacity, 1));
}

.sl-accessibility-tools__button {
  display: inline-flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(214 226 241 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 11px;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(64 81 109 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.sl-accessibility-tools__button:hover {
  border-color: var(--sl-primary);
  color: var(--sl-primary);
}

.sl-accessibility-tools__button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgba(31,95,170,0.14);
}

.sl-accessibility-tools__button.is-icon {
  width: 2rem;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 14px;
}

.sl-accessibility-tools__button[aria-pressed="true"],
    .sl-accessibility-tools__button.is-active {
  border-color: var(--sl-primary);
  background-color: var(--sl-primary);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

html.sl-font-sm :where(.sl-content, .sl-topbar, .sl-sidebar) :where(p, a, button, input, select, textarea, label, small, strong, h1, h2, h3, th, td):not(.fa) {
        font-size: calc(1em * 0.96);
    }

html.sl-font-lg :where(.sl-content, .sl-topbar, .sl-sidebar) :where(p, a, button, input, select, textarea, label, small, strong, h1, h2, h3, th, td):not(.fa) {
        font-size: calc(1em * 1.08);
    }

html.sl-theme-dark {
        color-scheme: dark;
        --sl-bg: #111827;
        --sl-surface: #172033;
        --sl-surface-soft: #1f2a3d;
        --sl-border: #32435d;
        --sl-border-soft: #27364d;
        --sl-text: #c8d3e5;
        --sl-text-strong: #f5f7fb;
        --sl-primary: #7eb6ff;
        --sl-primary-soft: #1e3a5f;
        --sl-secondary: #62d4e7;
        --sl-secondary-soft: #173b46;
        --sl-accent: #f4b84d;
        --sl-accent-soft: #3d2d12;
        --sl-success-soft: #173b2d;
        --sl-blue-soft: #1b3658;
        --sl-amber-soft: #3d2d12;
        --sl-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
    }

html.sl-theme-dark .sl-body {
        background:
            radial-gradient(circle at top left, rgba(98, 212, 231, 0.16), transparent 24%),
            radial-gradient(circle at top right, rgba(244, 184, 77, 0.13), transparent 22%),
            linear-gradient(180deg, #0f172a 0%, #111827 100%);
    }

html.sl-theme-dark :where(.sl-topbar, .sl-site-sidebar-card, .sl-panel, .sl-materials-surface, .sl-materials-table-card, .sl-modal__panel, .sl-stat-card, .sl-search-results__panel, .sl-attendance__hero, .sl-attendance__hero-metric, .sl-attendance__filters, .sl-attendance-ranking__legend, .sl-attendance-session, .sl-attendance-ranking__item, .sl-assemblymen__hero, .sl-assemblymen__hero-aside, .sl-assemblyman-card, .sl-assemblyman-card__stat, .sl-commissions__hero, .sl-commissions__hero-metric, .sl-commissions-card, .sl-commission-card__subject, .sl-commission-card__members-meta, .sl-commission-member, .sl-search-result-card) {
        background: rgba(23, 32, 51, 0.94);
        border-color: var(--sl-border);
        box-shadow: var(--sl-shadow);
    }

html.sl-theme-dark :where(.sl-site-sidebar-card__footer, .sl-modal__footer) {
        background: rgba(20, 29, 45, 0.96);
        border-color: var(--sl-border);
    }

html.sl-theme-dark :where(.sl-search input, .sl-materials-control, .sl-materials-button.is-light, .sl-modal__close, .sl-materials-tab, .sl-search-results__tab) {
        background: #111827;
        border-color: var(--sl-border);
        color: var(--sl-text-strong);
    }

html.sl-theme-dark :where(.sl-search input, .sl-materials-control)::-moz-placeholder {
        color: #8091ad;
    }

html.sl-theme-dark :where(.sl-search input, .sl-materials-control)::placeholder {
        color: #8091ad;
    }

html.sl-theme-dark :where(.sl-brand__text, .sl-panel__header h2, .sl-modal__header-copy h2, .sl-materials-table tbody td strong, .sl-attendance__hero h1, .sl-assemblymen__hero h1, .sl-commissions__hero h1, .sl-document-details__hero h1, .sl-search-results__hero h1, .sl-attendance__hero-metric strong, .sl-attendance-ranking__identity strong, .sl-attendance-session__copy strong, .sl-assemblyman-card__identity h2, .sl-assemblyman-card__stat strong, .sl-assemblymen__hero-metric strong, .sl-commissions__hero-metric strong, .sl-commission-card__subject strong, .sl-commission-card__subject a, .sl-commission-card__members-meta strong, .sl-commission-member__copy strong, .sl-commissions__empty h2, .sl-assemblymen__empty h2) {
        color: var(--sl-text-strong);
    }

html.sl-theme-dark :where(.sl-nav-item, .sl-materials-table tbody td, .sl-materials-table tbody td span, .sl-attendance__lede, .sl-assemblymen__lede, .sl-commissions__lede, .sl-attendance-ranking__identity span, .sl-attendance-ranking__meta, .sl-attendance-session__copy span, .sl-attendance__hero-metric span, .sl-attendance__hero-metric small, .sl-assemblyman-card__identity p, .sl-assemblyman-card__stat span, .sl-assemblymen__hero-metric span, .sl-commissions__hero-metric span, .sl-commission-card__period, .sl-commission-card__description, .sl-commission-card__subject span, .sl-commission-card__members-meta span, .sl-commission-member__copy span, .sl-commissions__empty p, .sl-assemblymen__empty p, .sl-site-sidebar-card__footer-meta p, .sl-site-sidebar-card__footer-meta span) {
        color: var(--sl-text);
    }

html.sl-theme-dark .sl-attendance__hero-metric :where(span, strong, small) {
        color: #ffffff;
    }

html.sl-theme-dark :where(.sl-materials-table tbody tr:hover td, .sl-materials-table tbody tr:hover td strong, .sl-nav-item:hover, .sl-nav-item.is-active) {
        color: var(--sl-primary);
    }

html.sl-theme-dark .sl-chart {
        background-color: #111827;
        background-image:
            linear-gradient(to top, rgba(126, 182, 255, 0.16) 1px, transparent 1px),
            linear-gradient(to right, rgba(126, 182, 255, 0.13) 1px, transparent 1px);
        border-color: var(--sl-border);
    }

html.sl-theme-dark .sl-chart__bar-wrap {
        background: transparent;
        border-color: var(--sl-border-soft);
    }

html.sl-theme-dark .sl-chart__label {
        color: #a9b7cf;
    }

html.sl-theme-dark .sl-attendance-ranking__bar {
        background: #111827;
    }

html.sl-theme-dark :where(.sl-assemblymen__hero, .sl-commissions__hero, .sl-attendance__hero) {
        background:
            radial-gradient(circle at top right, rgba(244, 184, 77, 0.12), transparent 26%),
            linear-gradient(135deg, rgba(31, 58, 95, 0.76), rgba(23, 32, 51, 0.98) 64%);
    }

html.sl-theme-dark :where(.sl-assemblymen__hero-aside, .sl-assemblyman-card__stat, .sl-commissions__hero-metric, .sl-attendance__hero-metric, .sl-commission-card__subject, .sl-commission-card__members-meta) {
        background: linear-gradient(180deg, rgba(31, 42, 61, 0.98), rgba(17, 24, 39, 0.94));
    }

html.sl-theme-dark :where(.sl-assemblymen__chip, .sl-assemblyman-card__badge, .sl-assemblyman-card__badge.is-soft, .sl-commission-card__badge, .sl-commission-card__badge.is-active, .sl-commission-card__badge.is-inactive, .sl-commission-member__party) {
        background: rgba(126, 182, 255, 0.14);
        color: #a9d5ff;
        border: 1px solid rgba(126, 182, 255, 0.24);
    }

html.sl-theme-dark :where(.sl-assemblyman-card__badge, .sl-commission-card__badge.is-active) {
        background: rgba(83, 189, 125, 0.16);
        color: #8ee3ad;
        border-color: rgba(83, 189, 125, 0.30);
    }

html.sl-theme-dark :where(.sl-assemblyman-card__avatar, .sl-attendance-ranking__avatar) {
        background: rgba(126, 182, 255, 0.16);
        color: #a9d5ff;
        box-shadow: inset 0 0 0 1px rgba(126, 182, 255, 0.22);
    }

html.sl-theme-dark :where(.sl-assemblymen__empty, .sl-commissions__empty, .sl-attendance__empty) {
        background: rgba(17, 24, 39, 0.82);
        border-color: var(--sl-border);
        box-shadow: none;
    }

html.sl-theme-dark .sl-attendance-ranking__percent {
        color: #8ee3ad;
    }

html.sl-theme-dark :where(.sl-document-details__hero, .sl-law-details__hero, .sl-proposition-summary__hero) {
        background:
            radial-gradient(circle at top right, rgba(244, 184, 77, 0.12), transparent 26%),
            linear-gradient(135deg, rgba(31, 58, 95, 0.76), rgba(23, 32, 51, 0.98) 64%);
        border-color: var(--sl-border);
        box-shadow: var(--sl-shadow);
    }

html.sl-theme-dark :where(.sl-document-details__hero-aside, .sl-document-details__summary, .sl-document-details__summary-static, .sl-document-metric, .sl-document-card__details, .sl-document-file, .sl-document-meeting, .sl-document-timeline__body, .sl-document-timeline__note, .sl-law-details__amendment, .sl-proposition-summary-card, .sl-proposition-summary-panel, .sl-proposition-summary-empty, .sl-proposition-summary-card__chart, .sl-proposition-summary-card__totals div, .sl-proposition-summary-vote) {
        background: rgba(23, 32, 51, 0.94);
        border-color: var(--sl-border);
        box-shadow: var(--sl-shadow);
    }

html.sl-theme-dark :where(.sl-document-metric, .sl-document-card__details, .sl-document-timeline__body, .sl-law-details__amendment, .sl-proposition-summary-card__totals div) {
        background: linear-gradient(180deg, rgba(31, 42, 61, 0.98), rgba(17, 24, 39, 0.94));
    }

html.sl-theme-dark :where(.sl-document-details__hero h1, .sl-document-metric strong, .sl-document-card__section p, .sl-document-card__details-summary, .sl-document-card__details-content, .sl-document-file__body strong, .sl-document-meeting__content strong, .sl-document-timeline__topline strong, .sl-law-details__amendment span, .sl-proposition-summary__hero h1, .sl-proposition-summary-card__header h2, .sl-proposition-summary-panel__header h2, .sl-proposition-summary-empty h2, .sl-proposition-summary-card__totals strong, .sl-proposition-summary-vote__text strong) {
        color: var(--sl-text-strong);
    }

html.sl-theme-dark :where(.sl-document-details__lede, .sl-document-details__summary, .sl-document-details__summary-static, .sl-document-card__label, .sl-document-card__empty, .sl-document-file__body p, .sl-document-meeting__content p, .sl-document-file__body span, .sl-document-meeting__date, .sl-document-timeline__topline span, .sl-document-timeline__body p, .sl-document-timeline__body small, .sl-document-timeline__note, .sl-law-details__amendment strong, .sl-law-details__processing-meta span, .sl-law-details__session-pill, .sl-proposition-summary__hero p, .sl-proposition-summary__text-static, .sl-proposition-summary__text-preview, .sl-proposition-summary__text-full, .sl-proposition-summary-card__header p, .sl-proposition-summary-panel__header p, .sl-proposition-summary-empty p, .sl-proposition-summary-card__totals span, .sl-proposition-summary-panel__meta, .sl-proposition-summary-vote__text span) {
        color: var(--sl-text);
    }

html.sl-theme-dark :where(.sl-document-details__badge, .sl-document-details__chip, .sl-document-details__chip.is-soft, .sl-document-card__details-toggle, .sl-law-details__processing-meta span, .sl-law-details__session-pill, .sl-proposition-summary__ata-label, .sl-proposition-summary__text-toggle, .sl-proposition-summary__status, .sl-proposition-summary-card__pill, .sl-proposition-summary-vote__badge) {
        background: rgba(126, 182, 255, 0.14);
        border: 1px solid rgba(126, 182, 255, 0.24);
        color: #a9d5ff;
    }

html.sl-theme-dark :where(.sl-document-details__badge.is-approved, .sl-proposition-summary__status.is-approved, .sl-proposition-summary-card__pill.is-approved, .sl-proposition-summary-vote__badge.is-yes) {
        background: rgba(83, 189, 125, 0.16);
        border-color: rgba(83, 189, 125, 0.30);
        color: #8ee3ad;
    }

html.sl-theme-dark :where(.sl-document-details__badge.is-rejected, .sl-proposition-summary__status.is-rejected, .sl-proposition-summary-card__pill.is-rejected, .sl-proposition-summary-vote__badge.is-no) {
        background: rgba(221, 95, 88, 0.16);
        border-color: rgba(221, 95, 88, 0.34);
        color: #ffaaa5;
    }

html.sl-theme-dark :where(.sl-proposition-summary__status.is-pending, .sl-proposition-summary-card__pill.is-pending) {
        background: rgba(244, 184, 77, 0.16);
        border-color: rgba(244, 184, 77, 0.34);
        color: #ffd083;
    }

html.sl-theme-dark :where(.sl-document-file__icon, .sl-proposition-summary-vote__avatar) {
        background: rgba(126, 182, 255, 0.16);
        color: #a9d5ff;
        box-shadow: inset 0 0 0 1px rgba(126, 182, 255, 0.22);
    }

html.sl-theme-dark .sl-document-file__icon.is-primary {
        background: var(--sl-primary);
        color: #0f172a;
    }

html.sl-theme-dark .sl-document-timeline__marker {
        border-color: #111827;
        background: var(--sl-primary);
        box-shadow: 0 0 0 1px rgba(126, 182, 255, 0.46);
    }

html.sl-theme-dark .sl-document-timeline__item::before {
        background: linear-gradient(180deg, rgba(126, 182, 255, 0.36), rgba(126, 182, 255, 0));
    }

html.sl-theme-dark :where(.sl-document-details__summary-content, .sl-document-card__details-content) {
        border-color: var(--sl-border);
    }

html.sl-theme-dark .sl-materials-table-card__header {
        background: linear-gradient(180deg, rgba(31, 42, 61, 0.98), rgba(23, 32, 51, 0.98));
        border-color: var(--sl-border);
    }

html.sl-theme-dark .sl-materials-table {
        color: var(--sl-text);
    }

html.sl-theme-dark .sl-materials-table thead th {
        background: rgba(17, 24, 39, 0.92);
        border-color: var(--sl-border);
        color: #a9b7cf;
    }

html.sl-theme-dark .sl-materials-table tbody td {
        background: rgba(23, 32, 51, 0.82);
        border-color: rgba(126, 182, 255, 0.18);
        color: #c8d3e5;
    }

html.sl-theme-dark .sl-materials-table tbody td strong {
        color: #f5f7fb;
    }

html.sl-theme-dark .sl-materials-table tbody td span,
    html.sl-theme-dark .sl-meetings-table__muted,
    html.sl-theme-dark .sl-materials-table-card__header p {
        color: #95a6c0;
    }

html.sl-theme-dark .sl-materials-table tbody tr:hover td {
        background: linear-gradient(90deg, rgba(126, 182, 255, 0.16), rgba(98, 212, 231, 0.10));
        color: #f5f7fb;
    }

html.sl-theme-dark .sl-materials-table tbody tr:hover td:first-child {
        box-shadow: inset 3px 0 0 var(--sl-accent);
    }

html.sl-theme-dark .sl-materials-table tbody tr:hover td > strong,
    html.sl-theme-dark .sl-materials-table tbody tr:hover td > span,
    html.sl-theme-dark .sl-materials-table tbody tr:hover .sl-meetings-table__muted {
        color: #dbeafe;
    }

html.sl-theme-dark :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon) {
        background: rgba(17, 24, 39, 0.92);
        border-color: var(--sl-border);
        color: var(--sl-primary);
        box-shadow: none;
    }

html.sl-theme-dark :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon):hover {
        border-color: var(--sl-primary);
        box-shadow: none;
    }

html.sl-theme-dark .sl-meetings-table__action-icon.is-detail {
        background: #f4f8ff;
        border-color: #cfe0f7;
        color: #1f6fbe;
        box-shadow: none;
    }

html.sl-theme-dark .sl-meetings-table__action-icon.is-detail:hover {
        border-color: #9fc3ef;
        box-shadow: none;
    }

html.sl-theme-dark .sl-meetings-table__action-icon.is-attachment {
        background: #fff8ea;
        border-color: #f2d9aa;
        color: #b06a12;
    }

html.sl-theme-dark .sl-meetings-table__action-icon.is-attachment:hover {
        border-color: #e8bd6b;
    }

html.sl-theme-dark .sl-floating-tooltip {
        background: #f8fafc;
        color: #0f172a;
    }

html.sl-theme-dark .sl-floating-tooltip::after {
        border-top-color: #f8fafc;
    }

html.sl-theme-dark .sl-materials-button.is-primary {
        background: #3f8cff;
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(51, 203, 224, 0.18);
    }

html.sl-theme-dark .sl-meetings-file-card {
        background: #111827;
        border-color: var(--sl-border);
    }

html.sl-theme-dark .sl-meetings-file-card__icon {
        background: rgba(31, 58, 95, 0.82);
        border-color: var(--sl-border);
        color: var(--sl-primary);
    }

html.sl-theme-dark .sl-meetings-file-card__copy strong {
        color: #f5f7fb;
    }

html.sl-theme-dark .sl-meetings-file-card__copy span {
        color: #a9b7cf;
    }

html.sl-theme-dark .sl-accessibility-tools__label {
        color: #a9b7cf;
    }

html.sl-theme-dark .sl-accessibility-tools__button {
        background: #111827;
        border-color: var(--sl-border);
        color: var(--sl-text-strong);
    }

html.sl-theme-dark .sl-accessibility-tools__button[aria-pressed="true"],
    html.sl-theme-dark .sl-accessibility-tools__button.is-active {
        background: var(--sl-accent);
        border-color: var(--sl-accent);
        color: #111827;
    }

html.sl-theme-dark .sl-topbar__menu {
        background: rgba(126, 182, 255, 0.1);
        border: 1px solid rgba(126, 182, 255, 0.2);
        border-radius: 10px;
        color: #7eb6ff;
    }

html.sl-theme-dark .sl-topbar__menu:hover {
        background: rgba(126, 182, 255, 0.18);
        border-color: rgba(126, 182, 255, 0.38);
        color: #ffffff;
    }

html.sl-contrast-high {
        --sl-bg: #000000;
        --sl-surface: #030712;
        --sl-surface-soft: #0b1120;
        --sl-border: #f8fafc;
        --sl-border-soft: #94a3b8;
        --sl-text: #ffffff;
        --sl-text-strong: #ffffff;
        --sl-primary: #ffd43b;
        --sl-primary-soft: #191000;
        --sl-secondary: #7dd3fc;
        --sl-secondary-soft: #001619;
        --sl-accent: #ffd43b;
        --sl-accent-soft: #191000;
    }

html.sl-contrast-high .sl-body {
        background: #000000;
    }

html.sl-contrast-high :where(.sl-shell, .sl-main, .sl-content, .sl-stack, .sl-dashboard-body, .sl-dashboard-shell, .sl-dashboard-main, .sl-dashboard-page) {
        background: var(--sl-surface);
    }

html.sl-contrast-high :where(.sl-topbar, .sl-site-sidebar-card, .sl-panel, .sl-materials-surface, .sl-materials-table-card, .sl-modal__panel, .sl-stat-card, .sl-figma-stat-card, .sl-figma-panel-item, .sl-dashboard-sidebar, .sl-dashboard-topbar, .sl-dashboard-iconbtn, .sl-dashboard-user, .sl-dashboard-menu-trigger, .sl-dashboard-popover, .sl-dashboard-summary-item, .sl-search-results__panel, .sl-attendance__hero, .sl-attendance__hero-metric, .sl-attendance__filters, .sl-attendance-ranking__legend, .sl-attendance-session, .sl-attendance-ranking__item, .sl-assemblymen__hero, .sl-assemblymen__hero-aside, .sl-assemblyman-card, .sl-assemblyman-card__stat, .sl-commissions__hero, .sl-commissions__hero-metric, .sl-commissions-card, .sl-commission-card__subject, .sl-commission-card__members-meta, .sl-commission-member, .sl-search-result-card) {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        box-shadow: none;
    }

html.sl-contrast-high :where(.sl-panel__header, .sl-figma-panel-item, .sl-dashboard-sidebar__brand, .sl-dashboard-sidebar__footer) {
        border-color: var(--sl-border-soft);
    }

html.sl-contrast-high :where(.sl-search input, .sl-materials-control, .sl-materials-button.is-light, .sl-modal__close, .sl-materials-tab, .sl-search-results__tab, .sl-accessibility-tools__button, .sl-dashboard-search input) {
        background: var(--sl-surface-soft);
        border-color: var(--sl-border-soft);
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-search input, .sl-materials-control, .sl-dashboard-search input)::-moz-placeholder {
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-search input, .sl-materials-control, .sl-dashboard-search input)::placeholder {
        color: #ffffff;
    }

html.sl-contrast-high :where(a, button, .sl-nav-item, .sl-nav-item.is-active, .sl-nav-item:hover, .sl-dashboard-side-link, .sl-dashboard-side-link:hover, .sl-dashboard-side-link.is-active, .sl-dashboard-menu-link, .sl-panel__action, .sl-inline-action, .sl-materials-button.is-light) {
        color: var(--sl-primary);
    }

html.sl-contrast-high :where(.sl-brand__text, .sl-panel__header h2, .sl-figma-stat-card__title, .sl-figma-stat-card__meta strong, .sl-figma-panel-item h3, .sl-dashboard-sidebar__brand-meta strong, .sl-dashboard-brand__meta strong, .sl-dashboard-user__meta strong, .sl-dashboard-summary-item strong, .sl-dashboard-menu-link) {
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-figma-stat-card__meta span, .sl-figma-panel-item span, .sl-dashboard-sidebar__brand-meta small, .sl-dashboard-brand__meta small, .sl-dashboard-user__meta small, .sl-dashboard-footer, .sl-dashboard-sidebar__footer p) {
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-figma-stat-card__icon, .sl-figma-panel-item__icon, .sl-dashboard-side-link__icon, .sl-dashboard-side-link__icon.is-dot) {
        background: #000000;
        border: 1px solid var(--sl-border-soft);
        color: var(--sl-primary);
    }

html.sl-contrast-high :where(.sl-nav-item:hover, .sl-nav-item.is-active, .sl-dashboard-side-link:hover, .sl-dashboard-side-link.is-active, .sl-dashboard-menu-link:hover, .sl-dashboard-summary-item:hover) {
        background: #1f2937;
        color: var(--sl-primary);
    }

html.sl-contrast-high :where(.sl-nav-item, .sl-nav-item:hover, .sl-nav-item.is-active, .sl-nav-item__icon) {
        color: var(--sl-secondary);
    }

html.sl-contrast-high .sl-nav-item.is-active::before {
        background: var(--sl-secondary);
    }

html.sl-contrast-high .sl-accessibility-tools__button[aria-pressed="true"],
    html.sl-contrast-high .sl-accessibility-tools__button.is-active {
        background: var(--sl-primary);
        border-color: var(--sl-primary);
        color: #000000;
    }

html.sl-contrast-high .sl-topbar__menu {
        background: var(--sl-surface-soft);
        border: 1px solid var(--sl-border-soft);
        border-radius: 10px;
        color: var(--sl-primary);
    }

html.sl-contrast-high .sl-topbar__menu:hover {
        background: var(--sl-primary);
        border-color: var(--sl-primary);
        color: #000000;
    }

html.sl-contrast-high .sl-chart {
        background-color: var(--sl-surface);
        background-image:
            linear-gradient(to top, rgba(148, 163, 184, 0.46) 1px, transparent 1px),
            linear-gradient(to right, rgba(148, 163, 184, 0.36) 1px, transparent 1px);
        border-color: var(--sl-border-soft);
    }

html.sl-contrast-high .sl-chart__bar-wrap {
        background: transparent;
        border-color: var(--sl-border-soft);
    }

html.sl-contrast-high .sl-chart__label {
        color: #ffffff;
    }

html.sl-contrast-high .sl-materials-table thead th,
    html.sl-contrast-high .sl-materials-table tbody td {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        color: #ffffff;
    }

html.sl-contrast-high .sl-materials-table tbody td strong,
    html.sl-contrast-high .sl-materials-table tbody td span,
    html.sl-contrast-high .sl-meetings-table__muted {
        color: #ffffff;
    }

html.sl-contrast-high .sl-materials-table tbody tr:hover td {
        background: #1f2937;
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon, .sl-meetings-file-card, .sl-meetings-file-card__icon) {
        background: var(--sl-surface-soft);
        border-color: var(--sl-border-soft);
        color: var(--sl-primary);
        box-shadow: none;
    }

html.sl-contrast-high .sl-meetings-table__action-icon {
        color: var(--sl-secondary);
    }

html.sl-contrast-high .sl-meetings-table__action-icon.is-attachment {
        color: var(--sl-primary);
    }

html.sl-contrast-high :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon):hover {
        border-color: #ffffff;
    }

html.sl-contrast-high .sl-materials-button.is-primary {
        background: var(--sl-primary);
        color: #000000;
        box-shadow: none;
    }

html.sl-contrast-high .sl-meetings-file-card__copy :where(strong, span) {
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-assemblymen__hero, .sl-commissions__hero, .sl-attendance__hero, .sl-assemblymen__hero-aside, .sl-assemblyman-card__stat, .sl-commissions__hero-metric, .sl-attendance__hero-metric, .sl-commission-card__subject, .sl-commission-card__members-meta, .sl-assemblymen__empty, .sl-commissions__empty, .sl-attendance__empty) {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        box-shadow: none;
    }

html.sl-contrast-high :where(.sl-assemblymen__hero h1, .sl-commissions__hero h1, .sl-attendance__hero h1, .sl-assemblyman-card__identity h2, .sl-assemblyman-card__stat strong, .sl-assemblymen__hero-metric strong, .sl-commissions__hero-metric strong, .sl-commission-card__subject strong, .sl-commission-card__subject a, .sl-commission-card__members-meta strong, .sl-commission-member__copy strong, .sl-commissions__empty h2, .sl-assemblymen__empty h2) {
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-assemblymen__chip, .sl-assemblyman-card__badge, .sl-assemblyman-card__badge.is-soft, .sl-commission-card__badge, .sl-commission-card__badge.is-active, .sl-commission-card__badge.is-inactive, .sl-commission-member__party) {
        background: #000000;
        border: 1px solid var(--sl-border-soft);
        color: var(--sl-primary);
    }

html.sl-contrast-high :where(.sl-document-details__hero, .sl-law-details__hero, .sl-proposition-summary__hero, .sl-document-details__hero-aside, .sl-document-details__summary, .sl-document-details__summary-static, .sl-document-metric, .sl-document-card__details, .sl-document-file, .sl-document-meeting, .sl-document-timeline__body, .sl-document-timeline__note, .sl-law-details__amendment, .sl-proposition-summary-card, .sl-proposition-summary-panel, .sl-proposition-summary-empty, .sl-proposition-summary-card__chart, .sl-proposition-summary-card__totals div, .sl-proposition-summary-vote) {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        box-shadow: none;
    }

html.sl-contrast-high :where(.sl-document-details__hero h1, .sl-document-metric strong, .sl-document-card__section p, .sl-document-card__details-summary, .sl-document-card__details-content, .sl-document-file__body strong, .sl-document-meeting__content strong, .sl-document-timeline__topline strong, .sl-law-details__amendment span, .sl-proposition-summary__hero h1, .sl-proposition-summary-card__header h2, .sl-proposition-summary-panel__header h2, .sl-proposition-summary-empty h2, .sl-proposition-summary-card__totals strong, .sl-proposition-summary-vote__text strong) {
        color: #ffffff;
    }

html.sl-contrast-high :where(.sl-document-details__badge, .sl-document-details__chip, .sl-document-details__chip.is-soft, .sl-document-card__details-toggle, .sl-law-details__processing-meta span, .sl-law-details__session-pill, .sl-proposition-summary__ata-label, .sl-proposition-summary__text-toggle, .sl-proposition-summary__status, .sl-proposition-summary-card__pill, .sl-proposition-summary-vote__badge) {
        background: #000000;
        border: 1px solid var(--sl-border-soft);
        color: var(--sl-primary);
    }

@media (max-width: 1023px) {
        .sl-accessibility-tools {
            grid-column: 1 / -1;
            justify-content: flex-start;
        }
    }

@media (max-width: 767px) {
        .sl-accessibility-tools {
    gap: 0.375rem;
  }

        .sl-accessibility-tools__label {
    width: 100%;
    font-size: 9px;
  }

        .sl-accessibility-tools__button {
    height: 2rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 10px;
  }
    }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible {
  visibility: visible;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.float-right {
  float: right;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.me-2 {
  margin-inline-end: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-auto {
  margin-right: auto;
}

.ms-2 {
  margin-inline-start: 0.5rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.min-h-\[100px\] {
  min-height: 100px;
}

.min-h-\[140px\] {
  min-height: 140px;
}

.min-h-\[228px\] {
  min-height: 228px;
}

.min-h-screen {
  min-height: 100vh;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.min-w-0 {
  min-width: 0px;
}

.max-w-3xl {
  max-width: 48rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-grow {
  flex-grow: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-default {
  cursor: default;
}

.resize {
  resize: both;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-dashed {
  border-style: dashed;
}

.border-\[\#dce3f2\] {
  --tw-border-opacity: 1;
  border-color: rgb(220 227 242 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.bg-\[\#29469e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(41 70 158 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbfcff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 252 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-start {
  text-align: start;
}

.align-middle {
  vertical-align: middle;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.leading-5 {
  line-height: 1.25rem;
}

.text-\[\#8b95ab\] {
  --tw-text-opacity: 1;
  color: rgb(139 149 171 / var(--tw-text-opacity, 1));
}

.text-\[\#bebfff\] {
  --tw-text-opacity: 1;
  color: rgb(190 191 255 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.underline {
  text-decoration-line: underline;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.ring-gray-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.sl-stack > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:text-blue-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hover\:text-green-800:hover {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.hover\:text-yellow-800:hover {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.focus\:border-blue-300:focus {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.active\:text-gray-700:active {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[1\.1fr_0\.95fr\] {
    grid-template-columns: 1.1fr 0.95fr;
  }
}