@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
/* ==========================
   Global Styles and Variables
   ========================== */

:root {
    --bs-link-color-rgb: var(--bs-body-color-rgb);
    --bs-link-hover-color-rgb: var(--bs-body-color-rgb);
    --primary-color: #FFFFFF;
    /* Default primary color */
    --secondary-color: #5C5C5C;
    /* Default secondary color */
    --accent-color: #98CC67;
    /* Default accent color */
    --dark-text: #333333;
    /* Default dark text color */
    --light-text: #FFFFFF;
    /* Default light text color */
    --link-text-color: var(--bs-primary);
    /* Default link color */
    --message-text-color: var(--bs-danger);
    /* Default message color */

    /* This variable is dynamically set by JavaScript based on accent-color brightness */
    --accent-text-color: var(--dark-text);
    /* Default accent text color (used before JS runs or as fallback) */

    /* Gradients */
    --primary-gradient: linear-gradient(45deg, var(--primary-color), var(--bs-light), var(--primary-color));
    --secondary-gradient: linear-gradient(135deg, var(--secondary-color), rgba(var(--secondary-color), 0.5), var(--secondary-color));
    --accent-gradient: linear-gradient(to top, var(--accent-color), var(--accent-color), var(--accent-color));
    /* Gradients tester noen andre
    --primary-gradient: linear-gradient(to top, var(--primary-color), transparent);
    --secondary-gradient: linear-gradient(to top, var(--secondary-color), transparent);
    --accent-gradient: linear-gradient(to top, var(--accent-color), transparent);
    */

    /* Spacing Variables */
    --global-margin: 0rem;
    --global-padding: 0rem;
    --text-color: #343a40;
    /* Note: This seems like a duplicate of --dark-text */
    --text-grey: #5c5c5c;
    /* Note: This seems like a duplicate of --secondary-color */
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    /* Bootstrap Colors */
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}


.primary {
    color: var(--primary-color);
}

.secondary {
    color: var(--secondary-color);
}

.accent {
    color: var(--accent-color);
}

.dark-text {
    color: var(--dark-text);
}

/* Fixed typo: Should be .light-text */
.light-text {
    color: var(--light-text);
}


body,
html,
.page,
.sidebar,
.content,
.top-row {
    margin: var(--global-margin);
    padding: var(--global-padding);
    font-family: var(--font-family);
}

.main-container {
    padding-bottom: 10px;
    /* Adjust this value according to the height of your footer */
    flex: 1;
    /* Takes up all available space */
    margin-top: 60px;
    /* Adjust this value based on the height of your top row */
    transition: margin-left 0.3s ease-in-out;
    /* Add transition for smooth movement */
    display: flex;
}

/* Removed extra '/' here */
main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    /* Ensures the main content area takes up the full height of the viewport */
    /* Removed padding to rely on .content-container margin for spacing */
}

body {
    /* Using secondary-color for body text might be too light/grey on a white primary background */
    /* Consider using var(--dark-text) or var(--text-color) here instead for readability */
    color: var(--secondary-color);
}

#Title {
    font-size: 2rem !important;
    /* Adjust size as needed */
    font-weight: bold;
    color: var(--bs-primary);
    /* Bootstrap 5 primary color variable */
}



.page {
    display: flex;
    /* This will put .sidebar and main side by side */
    flex-direction: column;
    /* Ensures top-down arrangement of elements */
    height: 100vh;
    /* Makes sure it fills the full height of the viewport */
    width: 100vw;
    /* Ensures it spans the full width of the viewport */
    box-sizing: border-box;
    /* Includes padding and border in the element's total width and height */
}

.sidebar {
    background-image: var(--secondary-gradient);
    /* Add default background-color for fallback */
    background-color: var(--secondary-color);
}

/* Primary color applications */
/* Elements that should have the primary background and dark text by default */
.dropdown,
.page,
.body,
.container,
/* Note: .container usually shouldn't have a background like this unless it's your main content area */
.main-container,
/* Note: .main-container might conflict with .content-container */
#wordCloudContainer,
#highcharts,
/* Check if highcharts elements should truly have this background */
.hightcharts-background,
.highcharts-container,
.footer-content,
.footer,
.content-area,
/* This seems like the main content panel, should have primary background */
tr,
/* This will apply to ALL table rows, likely unintended */
td,
/* This will apply to ALL table cells, likely unintended */
.card-body,
/* Card body should have primary background and dark text */
.form-control {
    background-color: var(--primary-color);
    color: var(--dark-text);
    /* Consider if border, border-radius, box-shadow should be here or on more specific elements */
    /* border: 1px solid #dee2e6; */
    /* border-radius: 0.25rem; */
    /* box-shadow: none */
}

select.form-control {
    appearance: menulist;
}

#wordCloudContainer {
    background-color: var(--primary-color);
}


/* Secondary color applications */
/* Elements that should have secondary color text by default */
/* This rule looks like a typo and applies accent color text on primary background */
/* Consider removing or correcting this rule */
/*
    h1 h2, h3, h4, h5, h6 .text, .btn-secondary {
        color: var(--accent-color);
        background-color: var(--primary-color);
    }
*/

/* Accent color applications */
/* The .card rule here overrides the background-color set earlier */
/* Let's separate .card and .card-header styling for clarity */

.card {
    /* Background for the main card container (body) */
    background-color: var(--primary-color);
    /* Default text color for the card body */
    color: var(--dark-text);
    /* Typical card appearance */
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Example shadow */
}

/* Card Header Styling */
/* Target specifically the div with class card-header for higher specificity */
div.card-header {
    /* Background color for the header */
    background-color: var(--accent-color);
    /* Text color for the header - uses the dynamically calculated variable */
    color: var(--accent-text-color);
    /* Typical Bootstrap card-header padding and appearance */
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    /* No margin below the header */
    /* Use theme colors for borders or default Bootstrap grey */
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    /* Match the card's border radius at the top */
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}


/* Ensure light‑background headers get readable text */
/* This rule is still relevant if you explicitly apply bg-light class */
/* It has !important, which might need review depending on desired strictness */
.card-header.bg-light {
    color: var(--dark-text) !important;
    /* Force dark text on light background */
}


/*Transparent background */
/* List all elements that should have transparent background */
/* Corrected .main.flex-column syntax */
.main,
.flex-column,
.nav-item,
.navbar-brand,
.nav-link,
.navbar,
.brand.container,
.menu-item-text,
.top-row,
.page-title {
    background-color: transparent;
}

.brand-text {
    color: var(--primary-color);
    /* Brand text color might be primary color */
}

.offcanvas,
#offcanvasHelpTitle,
#offcanvasContent,
.offcanvas h6,
.offcanvas h5,
.offcanvas h4,
.offcanvas h3 {
    /* Offcanvas usually has a fixed background like white or dark */
    background-color: white;
    color: var(--bs-offcanvas-color);
    /* Use Bootstrap's offcanvas color variable */
}

.offcanvas #write {
    padding-top: 0;
}

.last-element {
    margin-bottom: 50px;
    /* Change this based on your footer's height */
}

/* Simplified table border removal */
.table.borderless td,
.table.borderless th,
.table td,
.table th,
.table tr,
.table-responsive td,
.table-responsive th,
.table-responsive tr {
    border: none !important;
    /* Remove all borders with high specificity */
    background-color: transparent !important;
    /* Ensure transparent background */
}

/* Keep table header bottom border if desired */
.table thead th {
    border-bottom: 1px solid #dee2e6 !important;
    /* Add bottom border back for header cells */
    background-color: transparent !important;
}


.main-layout {
    display: flex;
    height: 100vh;
}

/* .sidebar {
    background-color: #f8f9fa; // Removed this here, background should come from var or gradient
    transition: width 0.3s, opacity 0.3s;
} */

.sidebar.icons-only {
    width: 80px;
}

.sidebar.d-none {
    opacity: 0;
    width: 0;
    overflow: hidden;
}



.full-width {
    margin-left: 0 !important;
}

.with-sidebar {
    margin-left: 250px;
}

.with-icons-sidebar {
    margin-left: 80px;
}

.navbar {
    flex: 0 0 auto;
    /* Prevents the navbar from shrinking */
    width: 100%;
    /* Ensures the navbar spans the full width */
}

/* Custom accent color for the logout button */
.btn-accent {
    color: #ffffff;
    /* Text color - Consider using var(--light-text) here */
    background-color: var(--accent-color);
    /* Background color */
    border-color: var(--accent-color);
    /* Border color */
}

.btn-accent:hover {
    /* Use theme variables and CSS functions if possible */
    /* background-color: darken(var(--accent-color), 10%); */
    /* border-color: darken(var(--accent-color), 10%); */
    filter: brightness(90%);
    /* Alternative using filter */
}

.navbar .btn-accent {
    padding: 5px 10px;
    /* Adjust padding for button size */
    margin-right: 10px;
    /* Space between button and navbar edge */
}

/* Adjust the accent color variable as needed */
/* This root definition is redundant if the JS sets --accent-color globally */
/* If data-bs-theme is used elsewhere AND you need these Bootstrap variables, keep them */
/* Otherwise, rely solely on the variables set by the JS theme loader */
/*
:root {
    --accent-color: #007bff; // Example accent color, change as needed
}
*/

/* Define button styles using CSS variables */
/* Ensure text color contrasts with background */
.btn-primary {
    background-color: var(--accent-color);
    /* Primary button background is accent */
    border-color: var(--accent-color);
    color: var(--accent-text-color);
    /* Text color should contrast with accent */
}

.btn-primary:hover {
    /* Use theme variables and CSS functions if possible */
    /* background-color: var(--accent-color-hover, darken(var(--accent-color), 10%)); */
    /* border-color: var(--accent-color-hover, darken(var(--accent-color), 10%)); */
    filter: brightness(90%);
    /* Alternative using filter */
}

.btn-secondary {
    background-color: var(--secondary-color);
    /* Secondary button background is secondary */
    border-color: var(--secondary-color);
    /* Text color should contrast with secondary color */
    /* You might need another JS-calculated variable like --secondary-text-color */
    /* Or use filter: invert(1) grayscale(1) contrast(100); on text span inside if needed */
    color: var(--dark-text);
    /* Assuming secondary is usually light enough for dark text */
}

.btn-secondary:hover {
    /* background-color: var(--secondary-color-hover, darken(var(--secondary-color), 10%)); */
    /* border-color: var(--secondary-color-hover, darken(var(--secondary-color), 10%)); */
    filter: brightness(90%);
    /* Alternative using filter */
}


.pagetitle {
    /* Add your styling properties that would normally be associated with h1 */
    font-size: 2em;
    /* example size */
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
    color: var(--accent-color);
    /* Page title color is accent */
    /* Any additional styles you want to apply */
}

/* Ensure consistent spacing from the top bar to the page title */
.content-container {
    flex-grow: 1;
    /* Allows the content area to fill available horizontal space */
    transition: margin-left 0.3s ease-in-out;
    /* Keep transition for sidebar toggling */
    box-sizing: border-box;
    /* Include padding and border in the element's total width and height */
    max-width: 1200px;
    /* Optional: Limits the maximum width of the content panel */

    /* === Styles for the Floating, Rounded Panel === */
    background-color: var(--primary-color);
    /* Set background to the theme's primary color */
    border-radius: 10px;
    /* Apply rounded corners (adjust value as needed) */
    margin: 20px;
    /* Add space around the content panel (adjust value as needed) */
    padding: 20px;
    /* Add internal spacing around the actual page content (adjust value as needed) */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    /* Optional: Add a subtle shadow for depth */

    /* Ensure content fits within the rounded panel if needed */
    overflow: hidden;
    /* Prevents content from spilling outside rounded corners */

    /* Removed or commented out potentially conflicting properties */
    /* overflow-y: auto; */
    /* Manage scrolling differently if needed */
    /* height: calc(100vh - 60px); */
    /* Let flexbox manage height */
    /* text-align: left; */
    /* Default alignment */
}

/* Add these new classes to control the main-container's margin */
.main-container.margin-full {
    margin-left: 250px;
    /* Matches the default full sidebar width */
}

.main-container.margin-icons-only {
    margin-left: 80px;
    /* Matches the .sidebar.icons-only width */
}

.main-container.margin-hidden {
    margin-left: 0;
    /* No margin when sidebar is hidden */
}

/* Ensure consistent spacing for the page title */
.page-title {
    margin-top: 20px;
    /* Adjust this value as needed */
    margin-bottom: 20px;
    /* Adjust this value as needed */
    font-size: 2rem;
    /* Adjust this value as needed */
    font-weight: bold;
    /* Adjust this value as needed */
    color: var(--bs-primary);
    /* Adjust this value as needed */
}

.table th,
.table td {
    padding: 0.25rem;
    /* Reduce padding */
    vertical-align: middle;
    /* Center content vertically */
}

.table .form-control {
    margin-bottom: 0;
    /* Remove bottom margin */
}

.table .btn-link {
    padding: 0;
    /* Remove padding from buttons */
    margin-right: 0.5rem;
    /* Add some space between buttons */
}

/* --- START Replacement Block for List Group Item Styles --- */

/* 1. Base List Group Item Styling (Inactive State) */
/* Sets transparent background, no border, and default text color */
/* This rule ensures inactive items are styled correctly */
.list-group-item {
    background-color: transparent !important;
    /* Keep transparent background */
    border: none !important;
    /* Keep no border */
    /* Set the default text color for inactive items using your theme variable */
    color: var(--dark-text);
    /* Ensure standard padding if not inherited correctly */
    padding: 0.75rem 1.25rem;
    /* Standard Bootstrap list item padding */
    text-align: left;
    /* Ensure left alignment */
    /* Remove default text decoration/colors on links if they interfere */
    text-decoration: none;
}

/* 2. Active List Group Item Styling (Themed State) */
/* This rule overrides the base for the active item using theme colors */
/* Use button.list-group-item.active for higher specificity as they are buttons */
button.list-group-item.active {
    /* Use theme colors for the active state */
    /* Background: A light color for contrast with dark text */
    background-color: var(--primary-color) !important;
    /* Example: Use theme primary color */
    /* Or use a light Bootstrap grey if primary is too dark/light for the text */
    /* background-color: var(--bs-gray-100) !important; */

    /* Text Color: Use the theme's dark text color for readability on the light background */
    color: var(--dark-text) !important;
    /* Use the theme's dark text */

    /* Border: Use theme color for emphasis (e.g., accent or primary) */
    border-color: transparent !important;
    /* Reset default borders */
    border-left: 4px solid var(--accent-color) !important;
    /* Example: Use theme accent color for left border */
    /* Or use Bootstrap primary: border-left: 4px solid var(--bs-primary) !important; */

    /* Ensure padding is correct, adjusting for the new left border */
    /* If base padding is 1.25rem, the left padding needs adjustment */
    padding-left: calc(1.25rem - 4px) !important;
    /* Adjust left padding */
    /* Keep standard top/right/bottom padding */
    padding-top: 0.75rem !important;
    padding-right: 1.25rem !important;
    padding-bottom: 0.75rem !important;


    font-weight: 500;
    /* Keep the font weight if needed */
    border-radius: 0.25rem !important;
    /* Keep rounded corners if needed */

    /* Ensure no conflicting styles from other active/focus states if necessary */
    /* outline: none !important; */
    /* box-shadow: none !important; */
}


/* 3. Selected Scale List Group Item Styling */
/* This rule adds the left border style for the "selected-scale" class */
/* Keep this rule, it seems correct for its purpose */
.list-group-item.selected-scale {
    border-left-width: 4px;
    border-left-color: var(--bs-primary);
    /* Use Bootstrap primary for active border */
    /* Adjust padding to compensate for border - This might be redundant if active state is handled above */
    padding-left: calc(1.25rem - 4px);
    /* Ensure other padding matches base or active state if needed */
    padding-top: 0.75rem;
    /* Example */
    padding-right: 1.25rem;
    /* Example */
    padding-bottom: 0.75rem;
    /* Example */
    /* Ensure text color is correct here too if it's not inherited properly */
    /* color: var(--dark-text); */
}

/* --- END Replacement Block for List Group Item Styles --- */
.reference-entry {
    font-size: 14px;
    line-height: 1.4;
    color: var(--dark-text);
    /* Use theme dark text */
}

.reference-details {
    border-left: 3px solid #eee;
    /* Consider using a theme gray variable here */
    padding-left: 12px;
    color: var(--secondary-color);
    /* Use theme secondary color for details text */
}

.show-less {
    display: none;
}

[aria-expanded="true"] .show-more {
    display: none;
}

[aria-expanded="true"] .show-less {
    display: inline;
}

/* references.razor.css - Isolated CSS for the References component */
/* These styles might be duplicated or conflict with global styles */
/* Best practice is to put component-specific CSS in .razor.css files */
/* Keeping them here as they were in the original snippet */
.reference-entry {
    font-size: 1.05rem;
    line-height: 1.5;
}

.show-less {
    display: none;
}

.collapse.show+button .show-more {
    display: none;
}

.collapse.show+button .show-less {
    display: inline;
}

.details-text {
    font-size: 0.9rem;
    margin-left: 0.25rem;
}

.references-list .card:hover {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1) !important;
}

.function-capacity-list {
    margin-left: 1em;
    background-color: var(--bs-gray-100);
    /* Light background */
    padding: 0.5em;
    border-radius: 0.25rem;
    color: var(--dark-text);
    /* Ensure text color is readable on this background */
}

.function-capacity-item {
    margin-bottom: 0.5em;
    background-color: var(--primary-color);
    /* Use theme's primary color */
    color: var(--dark-text);
    /* Use theme's text color */
    padding: 0.5em;
    border-radius: 0.25rem;
    border: 1px solid var(--bs-gray-300);
    /* Use Bootstrap gray for border */
}

.function-name {
    font-weight: bold;
    color: var(--accent-color);
    /* Use theme's accent color for titles */
}

.capacity-question {
    margin-left: 1em;
    background-color: var(--bs-gray-100);
    /* Light background */
    color: var(--dark-text);
    /* Use theme dark text */
    padding: 0.5em;
    border-radius: 0.25rem;
    margin-top: 0.25em;
}

.capacity-answer {
    font-style: italic;
    background-color: var(--primary-color);
    /* Use theme primary background */
    color: var(--dark-text);
    /* Use theme dark text */
    padding: 0.25em 0.5em;
    border-radius: 0.25rem;
    margin-top: 0.25em;
    border: 1px solid var(--bs-gray-300);
    /* Use Bootstrap gray for border */
}

/* 1) Declare your palette here: */
/* This section seems redundant if variables are already in :root */
/* Keeping it as it was in the original snippet, but review if necessary */
/*
:root {
    --accent-color: #98CC67;
    --bs-gray-100: #f8f9fa;
}
*/


/* 2) Then *use* those vars in real rules below: */
/* These rules already use the variables correctly */
.selected-hierarchy-item {
    background-color: var(--bs-gray-100);
    border-left: 4px solid var(--accent-color);
    border-radius: 0.25rem;
}

.clicktoselect-selected {
    background-color: var(--accent-color) !important;
    color: var(--light-text) !important;
    /* This uses light text on accent, but !important makes it tricky */
    border-color: var(--accent-color) !important;
}

/* Themes */
/* These blocks are correctly structured to define theme colors */
/* DO NOT add --accent-text-color here, it's calculated by JS */
[data-bs-theme='Overskudd'] {
    --primary-color: #FFFFFF;
    --secondary-color: var(--bs-gray-600);
    --accent-color: #98CC67;
}

[data-bs-theme='Overskudd2'] {
    --primary-color: #FFFFFF;
    --secondary-color: #98CC67;
    --accent-color: var(--bs-blue);
}

[data-bs-theme='Overskudd3'] {
    --primary-color: #FFFFFF;
    --secondary-color: var(--bs-gray-400);
    --accent-color: var(--bs-info);
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Clean fix for vertical menu alignment in mobile view */

/* Only target mobile view */
/* Clean fix for vertical menu alignment in mobile view */
@media (max-width: 991px) {

    /* Force vertical stacking with right alignment */
    .navbar-collapse .navbar-nav {
        flex-direction: column;
        align-items: flex-end;
        /* Align items to the right in mobile collapsed view */
    }

    /* Make individual items proper width and right-aligned text */
    .navbar-collapse .navbar-nav .nav-item {
        width: auto !important;
        /* Let items size naturally */
        text-align: right;
        /* Align text inside item to the right */
        margin-bottom: 0.5rem;
        /* Space between stacked items */
    }

    /* Ensure dropdown toggles align right */
    .navbar-collapse .nav-link {
        text-align: right;
        /* Align link text to the right */
        padding-right: 0;
        /* Optional: remove padding if needed for alignment */
    }

    /* Handle dropdown menu alignment in mobile */
    /* Bootstrap's default dropdown-menu-end should handle this, but explicit rules can help */
    .navbar-collapse .dropdown-menu {
        position: absolute !important;
        /* Ensure positioning context */
        right: 0;
        /* Align dropdown edge to the right */
        left: auto;
        /* Prevent left alignment */
    }
}

/* Ensure correct flex behavior for navbar on desktop */
@media (min-width: 992px) {
    .navbar-collapse {
        display: flex !important;
        /* Override potential display: block and ensure flex layout */
        flex-basis: auto;
    }

    .navbar-collapse .navbar-nav {
        flex-direction: row;
        /* Ensure horizontal layout */
        align-items: center;
        /* Vertically center items in the navbar */
    }

    /* Ensure the me-auto spacer works correctly on desktop */
    .navbar-collapse .navbar-nav.me-auto {
        margin-right: auto !important;
        /* Pushes subsequent items to the right */
        margin-left: 0;
        /* Reset any potential left margin */
    }

    /* ADDED/CORRECTED RULE: Ensure the ms-auto spacer works correctly on desktop */
    .navbar-collapse .navbar-nav.ms-auto {
        margin-left: auto !important;
        /* Pushes this item/group itself to the right */
        margin-right: 0;
        /* Reset any potential right margin */
    }
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OSuMzcxIDcwLjA4ODc LTI2MS43OTUgODQuMDE2MSAyNjUuMzggODQuMDE2MSAyNjcuODIxIDY5Ljc0NzVDMjY3Ljg2IDY5LjczMDkgMjY3Ljg3OSA2OS41ODc3IDI2Ny44NzkgNjkuMzE3OSAyNjcuODc5IDY3LjExODIgMjY2LjQ0OCA2Ni4wMTgzIDI2My41ODYgNjYuMD