@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* _content/IronSight.Admin/Components/Common/Accordion/Accordion.razor.rz.scp.css */
/* Remove the native <summary> disclosure triangle across browsers */
summary[b-by7gvppfvf]::-webkit-details-marker {
    display: none;
}
/* _content/IronSight.Admin/Components/Common/Button/BaseFilterButton.razor.rz.scp.css */
button[b-cg1s2whq16] {
    border-left-width: 0 !important;
}

button:first-of-type[b-cg1s2whq16] {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

button:last-of-type[b-cg1s2whq16] {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
/* _content/IronSight.Admin/Components/Common/DataGrid/DataGrid.razor.rz.scp.css */
@media (max-width:640px) {

    #full-grid.more-right[b-kd2ognav5y] {
        box-shadow: -40px 40px 40px -20px rgb(243 244 246) inset;
    }

    #full-grid.more-left[b-kd2ognav5y] {
        box-shadow: 40px 40px 40px -20px rgb(243 244 246) inset;
    }

    #full-grid.more-left.more-right[b-kd2ognav5y] {
        box-shadow: -40px 40px 40px -20px rgb(243 244 246) inset,
                    40px 40px 40px -20px rgb(243 244 246) inset;
    }

    @media (prefers-color-scheme: dark) {
        #full-grid.more-right[b-kd2ognav5y] {
            box-shadow: -40px 40px 40px -20px rgb(55 65 81) inset;
        }

        #full-grid.more-left[b-kd2ognav5y] {
            box-shadow: 40px 40px 40px -20px rgb(55 65 81) inset;
        }

        #full-grid.more-left.more-right[b-kd2ognav5y] {
            box-shadow: -40px 40px 40px -20px rgb(55 65 81) inset,
                        40px 40px 40px -20px rgb(55 65 81) inset;
        }
    }

    .arrow-wrapper[b-kd2ognav5y] {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

    #right-arrow[b-kd2ognav5y], #left-arrow[b-kd2ognav5y] {
        opacity: 0.2;
    }

    #full-table.more-right #right-arrow[b-kd2ognav5y],
    #full-table.more-left #left-arrow[b-kd2ognav5y] {
        opacity: 1;
    }
}

@media (min-width:640px) {
    .arrow-wrapper[b-kd2ognav5y] {
        display: none;
    }
}
/* _content/IronSight.Admin/Components/Common/DataTable/BodyCard.razor.rz.scp.css */
.body-card-action-buttons[b-85a8nurk5v] {
    visibility: hidden;
}

/*
 * We want to display the body card's delete button whenever the parent table row anchor tag is hovered.
 * Whenever a child of the anchor tag is hovered, the @onmouseout event fires briefly followed by the @onmouseover;
 * this results in the button jankily flashing hidden then visible for a split second.
 * By using CSS instead, we avoid this jankiness.
 */
.body-card-anchor:hover .body-card-action-buttons[b-85a8nurk5v] {
    visibility: visible;
}

.body-card-anchor:hover .body-card-right-column[b-85a8nurk5v] {
    visibility: hidden;
}

[b-85a8nurk5v] .action-button.loading {
    visibility: visible;
}

.body-card-description:empty[b-85a8nurk5v]:before {
    content: "\200b"; /* unicode zero width space, to maintain line height when description is empty */
}
/* _content/IronSight.Admin/Components/Common/DataTable/ItemsTable.razor.rz.scp.css */
#full-table[b-mk0b3k6g64] {
    position: relative;
}

@media (max-width:640px) {

    #full-table.more-right[b-mk0b3k6g64] {
        box-shadow: -40px 40px 40px -20px rgb(243 244 246) inset;
    }

    #full-table.more-left[b-mk0b3k6g64] {
        box-shadow: 40px 40px 40px -20px rgb(243 244 246) inset;
    }

    #full-table.more-left.more-right[b-mk0b3k6g64] {
        box-shadow: -40px 40px 40px -20px rgb(243 244 246) inset, 
                    40px 40px 40px -20px rgb(243 244 246) inset;
    }
    
    @media (prefers-color-scheme: dark) {    
        #full-table.more-right[b-mk0b3k6g64] {
            box-shadow: -40px 40px 40px -20px rgb(55 65 81) inset;
        }

        #full-table.more-left[b-mk0b3k6g64] {
            box-shadow: 40px 40px 40px -20px rgb(55 65 81) inset;
        }

        #full-table.more-left.more-right[b-mk0b3k6g64] {
            box-shadow: -40px 40px 40px -20px rgb(55 65 81) inset, 
                        40px 40px 40px -20px rgb(55 65 81) inset;
        }
    }

    .arrow-wrapper[b-mk0b3k6g64] {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

    #right-arrow[b-mk0b3k6g64], #left-arrow[b-mk0b3k6g64] {
        opacity: 0.2;
    }
    
    #full-table.more-right #right-arrow[b-mk0b3k6g64], 
    #full-table.more-left #left-arrow[b-mk0b3k6g64] {
        opacity: 1;
    }
}

@media (min-width:640px) {
    .arrow-wrapper[b-mk0b3k6g64] {
        display: none;
    }
}
/* _content/IronSight.Admin/Components/Common/Drawer/Drawer.razor.rz.scp.css */
dialog.drawer[b-bt1g0nv1zy] {
    --duration: 300ms;
    --timing: cubic-bezier(0.32, 0.72, 0, 1);

    position: fixed;
    inset: 0;
    height: 100dvh;
    max-height: 100dvh;
    width: min(28rem, 100vw);
    margin: 0;
    padding: 0;
    border: none;
    color: #111827;
    background-color: #ffffff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    overscroll-behavior: contain;
    transition:
        translate var(--duration) var(--timing),
        display var(--duration) var(--timing) allow-discrete,
        overlay var(--duration) ease allow-discrete;

    @media (prefers-color-scheme: dark) {
        color: #f9fafb;
        background-color: #374151;[b-bt1g0nv1zy]
    }

    @media (prefers-reduced-motion: reduce) {
        translate: 0 0 !important;[b-bt1g0nv1zy]
    }
}

/* Pin to the requested edge and set the off-screen starting position. */
dialog.drawer-right[b-bt1g0nv1zy] {
    margin-left: auto;
    translate: 100% 0;
}

dialog.drawer-left[b-bt1g0nv1zy] {
    margin-right: auto;
    translate: -100% 0;
}

dialog.drawer[open][b-bt1g0nv1zy] {
    opacity: 1;
    translate: 0 0;
}

/* Animate in from off-screen when the dialog enters the top layer. */
@starting-style {
    dialog.drawer-right[open][b-bt1g0nv1zy] {
        translate: 100% 0;
    }

    dialog.drawer-left[open][b-bt1g0nv1zy] {
        translate: -100% 0;
    }
}

dialog.drawer[b-bt1g0nv1zy]::backdrop {
    background-color: rgb(17 24 39 / 40%);
    opacity: 0;
    transition: opacity var(--duration) ease;

    @media (prefers-color-scheme: dark) {
        background-color: rgb(17 24 39 / 60%);[b-bt1g0nv1zy]
    }
}

dialog.drawer[open][b-bt1g0nv1zy]::backdrop {
    opacity: 1;
}

@starting-style {
    dialog.drawer[open][b-bt1g0nv1zy]::backdrop {
        opacity: 0;
    }
}

.drawer-panel[b-bt1g0nv1zy] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem;
    overflow: hidden;
}

.drawer-close[b-bt1g0nv1zy] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1;
}

.drawer-close button[b-bt1g0nv1zy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: #6b7280;
    background-color: transparent;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;

    @media (prefers-color-scheme: dark) {
        color: #9ca3af;[b-bt1g0nv1zy]
    }
}

.drawer-close button:hover[b-bt1g0nv1zy] {
    color: #111827;
    background-color: #f3f4f6;

    @media (prefers-color-scheme: dark) {
        color: #f9fafb;
        background-color: #4b5563;[b-bt1g0nv1zy]
    }
}

.drawer-close button:focus-visible[b-bt1g0nv1zy] {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.drawer-header[b-bt1g0nv1zy] {
    flex: 0 0 auto;
    padding-right: 2rem;
    margin-bottom: 1rem;
}

.drawer-title[b-bt1g0nv1zy] {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.drawer-description[b-bt1g0nv1zy] {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6b7280;

    @media (prefers-color-scheme: dark) {
        color: #9ca3af;[b-bt1g0nv1zy]
    }
}

.drawer-content[b-bt1g0nv1zy] {
    flex: 1 1 auto;
    overflow-y: auto;
}
/* _content/IronSight.Admin/Components/Common/InlineAlert/InlineAlert.razor.rz.scp.css */
.inline-alert[b-1hoeiwa7fh]  ul {
    padding-left: 2.5ch;
}

.inline-alert[b-1hoeiwa7fh]  code {
    padding: 0 4px;
    background-color: rgb(0 0 0 / 8%);
    border-radius: 4px;
}
/* _content/IronSight.Admin/Components/Common/InlineInputField/InlineInputField.razor.rz.scp.css */
.field-wrapper[b-9hsskezbmp] {
    display: flex;
    gap: 8px;
    font-size: 0.875rem;
    line-height: 1.25rem;

    @supports (text-box: trim-both) {
        padding: 3px 0;
    }
}

.field-control[b-9hsskezbmp] {
    display: flex;
    align-items: center;
    block-size: 1lh;

    @supports (text-box: trim-both) {
        block-size: 1cap;
    }
}

/**
 * 1. Setting `color` because Tailwind overrides `background-color` with
 *    `currentColor`.
 * 2. Not sure if this is needed, but Blazor doesn't autoprefix.
 * 3. Disable Tailwind's default SVG image.
 *
 * Additionally, we're avoiding nesting here since Blazor seems to mess
 * with the specificity 🤷
 */
.field-input[b-9hsskezbmp] {
    --bg-color: #eff6ff;
    --inner-shadow-opacity: 20%;
    --border-shadow: rgb(17 19 21 / 12%);
    --bevel-shadow: #fff;

    display: grid;
    place-content: center;
    margin: 0;
    color: var(--bg-color); /* [1] */
    background-color: var(--bg-color);
    border: none;
    box-shadow:
        0 2px 4px 0 rgb(0 0 0 / var(--inner-shadow-opacity)) inset,
        0 0 0 1px var(--border-shadow) inset,
        0 1px 0 0 var(--bevel-shadow);
    -webkit-appearance: none; /* [2] */
    appearance: none;
}

.field-input.checkbox[b-9hsskezbmp] {
    border-radius: 4px;
    corner-shape: superellipse(1.6);
}

.field-input.radio[b-9hsskezbmp] {
    border-radius: 9999px;
}

.field-input[b-9hsskezbmp]::before {
    content: "";
    inline-size: 0.625rem;
    block-size: 0.625rem;
    box-shadow: inset 1rem 1rem #fff;
    scale: 0;
}

.field-input:hover[b-9hsskezbmp] {
    --bg-color: #dbeafe;
}

.field-input:focus-visible[b-9hsskezbmp] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.field-input:checked[b-9hsskezbmp],
.field-input:indeterminate[b-9hsskezbmp] {
    --bg-color: #3b82f6;
    --inner-shadow-opacity: 28%;

    background-image: none; /* [3] */
}

.field-input:checked[b-9hsskezbmp]::before,
.field-input:indeterminate[b-9hsskezbmp]::before {
    scale: 1;
}

.field-input:checked:hover[b-9hsskezbmp],
.field-input:indeterminate:hover[b-9hsskezbmp] {
    --bg-color: #2563eb;
}

.field-input.checkbox:checked[b-9hsskezbmp]::before {
    clip-path: path("M9.74773 2.5L3.74968 8.49707L0.252609 5L1.66667 3.58594L3.74968 5.66895L8.33366 1.08594L9.74773 2.5Z");
}

.field-input.radio:checked[b-9hsskezbmp]::before {
    clip-path: circle(3px);
}

.field-input.checkbox:indeterminate[b-9hsskezbmp]::before {
    inline-size: 0.5rem;
    block-size: 0.5rem;
    clip-path: rect(3px 8px 5px 0px);
}

@media (prefers-color-scheme: dark) {
    .field-input[b-9hsskezbmp] {
        --bg-color: #64748b;
        --bevel-shadow: rgb(255 255 255 / 0%);
    }

    .field-input:hover[b-9hsskezbmp] {
        --bg-color: #3b82f6;
    }

    .field-input:checked[b-9hsskezbmp] {
        --bg-color: #3b82f6;
    }

    .field-input:checked:hover[b-9hsskezbmp] {
        --bg-color: #60a5fa;
    }
}

.field-text[b-9hsskezbmp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.field-label[b-9hsskezbmp] {
    inline-size: fit-content;
    text-box: trim-both cap alphabetic;
    user-select: none;
}

.field-description[b-9hsskezbmp] {
    font-size: 0.75rem;
    text-box: trim-both cap alphabetic;
    opacity: 0.75;
}
/* _content/IronSight.Admin/Components/Common/SideNav/SideNavSelector.razor.rz.scp.css */
div:first-of-type[b-0f5g5f9qv4] {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

div:last-of-type[b-0f5g5f9qv4] {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
/* _content/IronSight.Admin/Components/Common/SortableLists/SortableList.razor.rz.scp.css */
/*
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-ish79lxlb2] .sortable-ghost {
    visibility: hidden;
}

[b-ish79lxlb2] .sortable-fallback {
    opacity: 1 !important
}
/* _content/IronSight.Admin/Components/Common/Tabs/Tab.razor.rz.scp.css */
.common-tab[b-m5cqqux88o] {
    --tab-text-color: #6b7280;
    --tab-border-color: transparent;

    position: relative;
    padding: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--tab-text-color);
    text-box: trim-both cap alphabetic;
    border-radius: 2px;
    cursor: default;

    @media (prefers-color-scheme: dark) {
        --tab-text-color: #9ca3af;[b-m5cqqux88o]
    }

    &::before {
        position: absolute;
        inset: 5px 7px;
        z-index: 0;
        background-color: var(--tab-bg-color, transparent);
        border-radius: 2px;
        content: "";
    }

    &[b-m5cqqux88o]::after {
        position: absolute;
        right: 0;
        bottom: -1px;
        left: 0;
        z-index: 0;
        height: 2px;
        background-color: var(--tab-border-color);
        content: "";
    }

    & span[b-m5cqqux88o] {
        position: relative;
        z-index: 1;
    }

    &:hover:not(:disabled):not([aria-selected="true"])[b-m5cqqux88o] {
        --tab-text-color: #374151;
        --tab-bg-color: #f3f4f6;

        @media (prefers-color-scheme: dark) {
            --tab-text-color: #d1d5db;
            --tab-bg-color: #4b5563;[b-m5cqqux88o]
        }
    }

    &:focus-visible[b-m5cqqux88o] {
        outline: none;

        &::before {
            outline: 2px solid #3b82f6;
        }
    }

    &:disabled[b-m5cqqux88o] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    &[aria-selected="true"][b-m5cqqux88o] {
        --tab-text-color: #2563eb;
        --tab-border-color: #2563eb;

        @media (prefers-color-scheme: dark) {
            --tab-text-color: #60a5fa;
            --tab-border-color: #60a5fa;[b-m5cqqux88o]
        }
    }
}
/* _content/IronSight.Admin/Components/Forms/Activity/ActivityForm.razor.rz.scp.css */
.activity-field-set-icon-button[b-o31qzacee1] {
    align-items: center;
    border-radius: 0.375rem;
    color: #6b7280;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    transition: background-color 120ms ease, color 120ms ease, opacity 120ms ease;
    width: 2rem;
}

.activity-field-set-icon-button:hover:not(:disabled)[b-o31qzacee1] {
    background: #f3f4f6;
    color: #2563eb;
}

.activity-field-set-icon-button:disabled[b-o31qzacee1] {
    cursor: not-allowed;
    opacity: 0.35;
}

.activity-field-set-icon-button-danger:hover:not(:disabled)[b-o31qzacee1] {
    background: #fef2f2;
    color: #dc2626;
}

.activity-field-set-json-preview[b-o31qzacee1]  textarea {
    max-height: 24rem;
    min-height: 16rem;
    overflow: auto;
    resize: vertical;
    white-space: pre;
}

.activity-field-summary-row[b-o31qzacee1] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}

.activity-field-option-override[b-o31qzacee1] {
    align-items: center;
    column-gap: 0.75rem;
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(16rem, 2fr);
    row-gap: 0.5rem;
}

.activity-field-option-list-chip[b-o31qzacee1] {
    background: #dbeafe;
    border-radius: 9999px;
    color: #1d4ed8;
    font-size: 0.75rem;
    line-height: 1.25rem;
    overflow: hidden;
    padding: 0 0.625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-field-dataset-chip[b-o31qzacee1] {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    gap: 0.25rem;
}

.activity-field-option-list-selector[b-o31qzacee1] {
    justify-self: end;
    min-width: 0;
    position: relative;
    width: min(100%, 18rem);
}

.activity-field-option-list-controls[b-o31qzacee1] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.activity-field-option-list-trigger[b-o31qzacee1] {
    align-items: center;
    border: 0;
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: 0.5rem;
    justify-content: space-between;
    min-height: 2.5rem;
    min-width: 0;
    text-align: left;
}

.activity-field-option-list-trigger:focus-visible[b-o31qzacee1] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.activity-field-option-list-reset[b-o31qzacee1] {
    align-items: center;
    border-radius: 9999px;
    color: #6b7280;
    display: inline-flex;
    flex-shrink: 0;
    height: 2.5rem;
    justify-content: center;
    transition: background-color 120ms ease, color 120ms ease;
    width: 2.5rem;
}

.activity-field-option-list-reset:hover[b-o31qzacee1] {
    background: #eff6ff;
    color: #2563eb;
}

.activity-field-option-list-reset:focus-visible[b-o31qzacee1] {
    outline: 2px solid #60a5fa;
    outline-offset: 2px;
}

.activity-field-option-list-panel[b-o31qzacee1] {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
    color: #374151;
    max-height: 24rem;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    width: min(22rem, calc(100vw - 2rem));
    z-index: 50;
}

.activity-field-option-list-choice[b-o31qzacee1] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    transition: background-color 120ms ease;
    width: 100%;
}

.activity-field-option-list-choice:hover:not(:disabled)[b-o31qzacee1] {
    background: #f3f4f6;
}

.activity-field-option-list-choice:disabled[b-o31qzacee1] {
    cursor: not-allowed;
    opacity: 0.5;
}

.activity-field-option-list-create[b-o31qzacee1] {
    align-items: center;
    border: 1px dashed #93c5fd;
    border-radius: 0.375rem;
    color: #2563eb;
    display: flex;
    font-size: 0.875rem;
    font-weight: 500;
    gap: 0.5rem;
    justify-content: center;
    padding: 0.625rem 0.75rem;
    width: 100%;
}

.activity-field-option-list-create:hover:not(:disabled)[b-o31qzacee1] {
    background: #eff6ff;
}

.activity-field-option-list-create:disabled[b-o31qzacee1] {
    cursor: not-allowed;
    opacity: 0.5;
}

.activity-field-option-override-note[b-o31qzacee1] {
    color: #92400e;
    font-size: 0.75rem;
    grid-column: 1 / -1;
}

@media (max-width: 640px) {
    .activity-field-option-override[b-o31qzacee1] {
        grid-template-columns: 1fr;
    }

    .activity-field-option-list-selector[b-o31qzacee1] {
        justify-self: stretch;
        width: 100%;
    }

    .activity-field-option-list-panel[b-o31qzacee1] {
        left: 0;
        right: auto;
    }
}

@media (prefers-color-scheme: dark) {
    .activity-field-set-icon-button[b-o31qzacee1] {
        color: #d1d5db;
    }

    .activity-field-set-icon-button:hover:not(:disabled)[b-o31qzacee1] {
        background: rgba(96, 165, 250, 0.12);
        color: #93c5fd;
    }

    .activity-field-set-icon-button-danger:hover:not(:disabled)[b-o31qzacee1] {
        background: rgba(248, 113, 113, 0.12);
        color: #fca5a5;
    }

    .activity-field-option-list-chip[b-o31qzacee1] {
        background: rgba(37, 99, 235, 0.25);
        color: #bfdbfe;
    }

    .activity-field-option-list-panel[b-o31qzacee1] {
        background: #1f2937;
        border-color: #4b5563;
        color: #e5e7eb;
    }

    .activity-field-option-list-choice:hover:not(:disabled)[b-o31qzacee1] {
        background: #374151;
    }

    .activity-field-option-list-create[b-o31qzacee1] {
        border-color: #60a5fa;
        color: #93c5fd;
    }

    .activity-field-option-list-create:hover:not(:disabled)[b-o31qzacee1] {
        background: rgba(37, 99, 235, 0.16);
    }

    .activity-field-option-list-reset[b-o31qzacee1] {
        color: #d1d5db;
    }

    .activity-field-option-list-reset:hover[b-o31qzacee1] {
        background: rgba(37, 99, 235, 0.16);
        color: #93c5fd;
    }

    .activity-field-option-override-note[b-o31qzacee1] {
        color: #fcd34d;
    }
}
/* _content/IronSight.Admin/Components/Forms/PriceBook/PriceBookItemForm.razor.rz.scp.css */
[b-eon1oi2hve] input[type="date"]::-webkit-calendar-picker-indicator {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

@media (prefers-color-scheme: dark){
    [b-eon1oi2hve] input[type="date"]::-webkit-calendar-picker-indicator {
        filter: invert(1);
    }
}
/* _content/IronSight.Admin/Components/Forms/Team/TeamForm.razor.rz.scp.css */
button[b-avbw7o18q2] {
    border-left-width: 0 !important;
}

button:first-of-type[b-avbw7o18q2] {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

button:last-of-type[b-avbw7o18q2] {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
/* _content/IronSight.Admin/Components/Layout/ProfileDropdown.razor.rz.scp.css */
.profile-dropdown[b-xe315dslg9] {
    display: flex;
    align-items: center;
    color: var(--color-white);
    width: 4rem;
}

.profile-dropdown button[b-xe315dslg9] {
    background: unset;
    border: unset;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: unset;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.5ch;
    cursor: pointer;
}


.profile-dropdown button img[b-xe315dslg9] {
    width: 2rem;
    height: 2rem;
}

.dropdown-options[b-xe315dslg9] {
    position: absolute;
    top: 3rem;
    right: 1rem;
    min-width: 6rem;
    background-color: var(--color-white);
    border-radius: 16px;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);

    list-style: none;
    margin: 0;
    padding: 1rem;

    color: var(--color-grey);

    z-index: 2;
}

.dropdown-options li[b-xe315dslg9] {
    line-height: 1.5;
}

.dropdown-options a[b-xe315dslg9], .dropdown-options a:visited[b-xe315dslg9] {
    color: unset;
}

.dropdown-options a:hover[b-xe315dslg9] {
    color: var(--color-blue--dark)
}
/* _content/IronSight.Admin/Components/Pages/Automation/SensorDetails.razor.rz.scp.css */

.sensor-details-container[b-550od5k7gy] {
    container-name: sensor-details;
    container-type: inline-size;
}

.grid-layout[b-550od5k7gy] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 260px 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "stats chart"
}

.stats[b-550od5k7gy] {
    grid-area: stats;
}
.chart[b-550od5k7gy] {
    grid-area: chart;
}

@container sensor-details (width < 1200px) {
    .grid-layout[b-550od5k7gy] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "chart"
        "stats"
    }
}

@container sensor-details (width > 1400px) {
    .grid-layout[b-550od5k7gy] {
        grid-template-columns: 300px 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "stats chart"
    }
}

/* _content/IronSight.Admin/Components/Pages/Automation/TriggerDetails.razor.rz.scp.css */

.trigger-details-container[b-np1noskm94] {
    container-name: trigger-details;
    container-type: inline-size;
}

.grid-layout[b-np1noskm94] {
    display: grid;
    gap: 2rem;
    grid-template-columns: 260px 260px 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "stats jobs chart"
}

.stats[b-np1noskm94] {
    grid-area: stats;
}
.jobs[b-np1noskm94] {
    grid-area: jobs;
}
.chart[b-np1noskm94] {
    grid-area: chart;
}

@container trigger-details (width < 1200px) {
    .grid-layout[b-np1noskm94] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "chart chart"
        "stats jobs"
    }
}

@container trigger-details (width > 1400px) {
    .grid-layout[b-np1noskm94] {
        grid-template-columns: 300px 300px 1fr;
        grid-template-rows: auto;
        grid-template-areas:
        "stats jobs chart"
    }
}

/* _content/IronSight.Admin/Components/Pages/Hubs/Hubs.razor.rz.scp.css */
/*
 * Remove the default border and background color applied by the DataTable.
 * Our alternate hub UI "cards" will set their own background color.
 */
[b-goefzo6aa7] .data-table {
    background-color: transparent;
    border-width: 0;
    --tw-shadow: 0;
}

[b-goefzo6aa7] .data-table nav button {
    background-color: white;
}