@import '_content/Sonepar.Spark.Associate.Shell/Sonepar.Spark.Associate.Shell.c2ulwwdoab.bundle.scp.css';
@import '_content/Sonepar.Spark.Watts/Sonepar.Spark.Watts.2a1yqze6si.bundle.scp.css';

/* /Components/AccountCard.razor.rz.scp.css */
.account-card-title[b-wdm7ai7gid] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-037, 6px);
    text-align: start;
    font-weight: var(--watts-font-weight-bold, 600);
}

[b-wdm7ai7gid] .blanket-group-card {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-075, 12px);
    margin-top: var(--watts-spacing-075, 12px);
    padding: var(--watts-spacing-075, 12px);
    outline-color: var(--watts-border-default);
    border-radius: var(--watts-border-radius-50, 8px);
}

.blanket-grid[b-wdm7ai7gid] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--watts-spacing-075, 12px);
}

[b-wdm7ai7gid] .blazor--watts-card--collapsable-tab {
    padding: var(--watts-spacing-075, 12px);
    border: none;
    border-radius: var(--watts-border-radius-100, 16px);
}

.account-card-wrapper[b-wdm7ai7gid] {
    width: 100%;
}

.account-card-wrapper[b-wdm7ai7gid] >  .blazor--watts-card {
    outline: none;
}

[b-wdm7ai7gid] .show-more-button {
    align-self: start;
}

.show-more-text-responsive[b-wdm7ai7gid],
[b-wdm7ai7gid] .show-more-button:not(:has(> .show-more-text)) {
    display: none;
}

@media (width < 1920px) {
    .blanket-grid[b-wdm7ai7gid] {
        grid-template-columns: repeat(2, 1fr);
    }

    .show-more-text[b-wdm7ai7gid],
    .blanket-grid-collapsed[b-wdm7ai7gid]  div:has(> .blanket-card):last-of-type {
        display: none;
    }

    .show-more-text-responsive[b-wdm7ai7gid],
    [b-wdm7ai7gid] .show-more-button:not(:has(> .show-more-text)) {
        display: block;
    }
}

@media (width < 1280px) {
    .blanket-grid[b-wdm7ai7gid] {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* /Components/AccountInfoLogisticsCard.razor.rz.scp.css */
[b-i7jgv1rz4w] .logistics-card {
    padding: var(--watts-spacing-100, 16px);
    height: fit-content;
}

.logistics-card-body[b-i7jgv1rz4w] {
    display: flex;
    flex-direction: row;
    justify-items: start;
    align-items: stretch;
    gap: var(--watts-spacing-150);
}

.logistics-card-panel[b-i7jgv1rz4w] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100);
    flex: 1; 
}

.logistics-card-heading[b-i7jgv1rz4w] {
    display: flex;
    justify-content: start;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;
    font-weight: var(--watts-font-weight-bold, 600);
    font-size: var(--watts-font-size-125, 24px);
    line-height: var(--watts-line-height-s, 120%);
    color: var(--watts-content-default, #16171D);
}

.logistics-card-address-item[b-i7jgv1rz4w] {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-items: start;
    align-items: flex-start;
    gap: var(--watts-spacing-025);
    max-width: 240px;
    overflow-wrap: break-word;
    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-m, 125%);
}

.logistics-card-field-label[b-i7jgv1rz4w] {
    font-weight: var(--watts-font-weight-regular,500); 
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-l, 133%);
    color: var(--watts-content-subtle, #414458);
}

.logistics-card-field-value[b-i7jgv1rz4w] {
    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-m, 125%);
}

.logistics-card-radio-label[b-i7jgv1rz4w] {
    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-100, 16px);
    line-height: var(--watts-line-height-l, 133%);
}

.logistics-card-options[b-i7jgv1rz4w],
.logistics-card-options--disabled[b-i7jgv1rz4w] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100);
}

.logistics-card-options--disabled[b-i7jgv1rz4w] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Divider */
[b-i7jgv1rz4w] .watts-divider--vertical {
    height: auto;
}

[b-i7jgv1rz4w] .watts-divider--major {
    color: var(--watts-border-default);
}


[b-i7jgv1rz4w] .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-250);
}

[b-i7jgv1rz4w] .watts-combobox__label {
    font-size: var(--watts-font-size-075, 12px);
}

[b-i7jgv1rz4w] .watts-text-field-container--m .watts-text-field {
    height: var(--watts-sizing-250);
}

[b-i7jgv1rz4w] .watts-date-picker .watts-text-field__label {
    font-size: var(--watts-font-size-075, 12px);
}
/* /Components/AdditionalInformationCard.razor.rz.scp.css */
[b-sjhpvu0mrx] .additional-info-card {
    padding: var(--watts-spacing-100, 16px);
    height: fit-content;
}

.additional-info-header[b-sjhpvu0mrx] {
    font-weight: var(--watts-font-weight-bold, 600);
    font-size: var(--watts-font-size-125, 24px);
    line-height: var(--watts-line-height-s, 120%);
    color: var(--watts-content-default, #16171D);
    margin-bottom: var(--watts-spacing-100, 16px);
}

.additional-info-inputs-grid[b-sjhpvu0mrx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--watts-spacing-075, 12px);
}

/* /Components/AddressCard.razor.rz.scp.css */
.address-card-wrapper[b-vlszbzdado] {
    display: flex;
    gap: var(--watts-spacing-050);
    padding: var(--watts-spacing-100) 0;
    width: 100%;
    align-items: flex-start;
}

.address-card-content[b-vlszbzdado] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);
    min-width: 0;
}

[b-vlszbzdado] .watts-radio {
    flex: 1;
}

.address-card-chip-wrapper[b-vlszbzdado] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--watts-spacing-037);
}

.address-card-chip-text[b-vlszbzdado] {
    font-size: 11px;
    line-height: var(--watts-line-height-m, 125%);
}

.address-card-text[b-vlszbzdado] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-025, 4px);

    font-weight: var(--watts-font-weight-regular, 500);
    font-size: var(--watts-font-size-087, 14px);
    color: var(--watts-content-subtle);
    line-height: var(--watts-line-height-m, 125%);
}

.address-card-name[b-vlszbzdado] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-card-actions[b-vlszbzdado] {
    display: flex;
    align-items: flex-start;
}
/* /Components/AddressDrawer.razor.rz.scp.css */
.address-wrapper[b-nhlkm3hb6u] {
    display: contents;
}

.no-results[b-nhlkm3hb6u] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-200, 32px);
    width: 100%;
    text-align: center;
}

.no-results-image[b-nhlkm3hb6u] {
    width: 168px;
    height: 168px;
    align-self: center;
    padding-top: var(--watts-spacing-125, 16px);
}

.no-results-title[b-nhlkm3hb6u] {
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: var(--watts-line-height-s, 120%);
}

.no-results-description[b-nhlkm3hb6u] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
    color: var(--watts-content-subtlest);
}

[b-nhlkm3hb6u] :nth-child(even of .table-row-container) {
    background-color: unset !important;
}

[b-nhlkm3hb6u] .search-input-textbox {
    padding-top: 0;
    padding-bottom: var(--watts-spacing-050, 8px);
}

[b-nhlkm3hb6u] .container-fluid:has(.no-results) > .search-input-textbox {
    display: none;
}
/* /Components/Banner.razor.rz.scp.css */
.error-banner[b-ecvn9hwo7i] {
    color: var(--watts-contrast-brand);
    min-height: var(--watts-spacing-250);
    background: var(--watts-bg-error);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
    align-self: stretch;
    font-weight: 500;
}
/* /Components/BlanketCard.razor.rz.scp.css */
.main-text[b-wylirawhba] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 125%;
}

.subtle-text[b-wylirawhba] {
    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtle);
    line-height: 125%;
}

.subtlest-text[b-wylirawhba] {
    font-size: var(--watts-font-size-075, 12px);
    font-weight: var(--watts-font-weight-regular, 500);
    color: var(--watts-content-subtlest);
    line-height: 133%;
}

.release-text[b-wylirawhba] {
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-black, 700);
    color: var(--watts-content-brand);
    line-height: 125%;
}

.blanket-row[b-wylirawhba] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[b-wylirawhba] .blanket-card {
    height: 100%;
    padding: var(--watts-spacing-075, 12px) var(--watts-spacing-100, 16px) var(--watts-spacing-100, 16px) var(--watts-spacing-100, 16px);
    outline-color: var(--watts-border-default);
}

[b-wylirawhba] .border-warning {
    outline-color: var(--watts-border-warning);
}

[b-wylirawhba] .border-bold {
    outline-color: var(--watts-border-bold);
}
/* /Components/CompletionBar.razor.rz.scp.css */
.completion-bar[b-raxhk245ix] {
    display: flex;
    flex-direction: row;
    flex: 1 0 0;
    background-color: var(--watts-bg-bold);
    height: 8px;
    min-height: 8px;
    border-radius: var(--watts-border-radius-100, 16px);
    overflow: hidden;
}

.filled-portion[b-raxhk245ix] {
    height: 8px;
}

.filled-portion:last-child[b-raxhk245ix] {
    border-top-right-radius: var(--watts-border-radius-100, 16px);
    border-bottom-right-radius: var(--watts-border-radius-100, 16px);
}
/* /Components/EditAddressDrawer.razor.rz.scp.css */
[b-oazq3xhz2d] .watts-drawer__overlay {
    background: none;
}

.address-required-fields-message[b-oazq3xhz2d] {
    margin-top: var(--watts-spacing-012);
    color: var(--watts-content-default);
    font-size: var(--watts-font-size-087);
    font-weight: var(--watts-font-weight-regular);
    line-height: var(--watts-line-height-m);
}
/* /Components/ExtraLightMessage.razor.rz.scp.css */
.extra-light-message[b-okcg1j43fm] {
    margin-top: var(--watts-spacing-012);
    color: var(--watts-content-default);
    font-size: var(--watts-font-size-087);
    font-weight: var(--watts-font-weight-regular);
    line-height: var(--watts-line-height-m);
}

[b-okcg1j43fm] .watts-icon {
    color: var(--watts-content-subtle)
}
/* /Components/FeedbackMessage.razor.rz.scp.css */
.feedback-message-container[b-ejqa8grzbs] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--watts-spacing-050, 16px);
    align-self: stretch;
}

.feedback-message[b-ejqa8grzbs] {
    text-align: center;
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-size-600, 600);
    line-height: var(--watts-line-height-s, 120%); /* 24px */
}

.sub-feedback-message[b-ejqa8grzbs] {
    text-align: center;
    color: var(--watts-content-subtlest, #67747E);
    font-size: var(--watts-font-size-100, 16px);
    font-weight: var(--watts-font-weight-500, 500);
    line-height: var(--watts-line-height-m, 125%); /* 20px */
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-b0l7gvzorv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-b0l7gvzorv] {
    flex: 1;
}

.sidebar[b-b0l7gvzorv] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

[b-b0l7gvzorv] .nav-tabs {
    border: none;
}

@media (max-width: 640.98px) {
    .top-row[b-b0l7gvzorv] {
        justify-content: space-between;
    }

    .top-row[b-b0l7gvzorv]  a, .top-row[b-b0l7gvzorv]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-b0l7gvzorv] {
        flex-direction: row;
    }

    .sidebar[b-b0l7gvzorv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-b0l7gvzorv] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-b0l7gvzorv]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-b0l7gvzorv] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-b0l7gvzorv] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1ld75ofanr],
.components-reconnect-repeated-attempt-visible[b-1ld75ofanr],
.components-reconnect-failed-visible[b-1ld75ofanr],
.components-pause-visible[b-1ld75ofanr],
.components-resume-failed-visible[b-1ld75ofanr],
.components-rejoining-animation[b-1ld75ofanr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-retrying[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-failed[b-1ld75ofanr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-1ld75ofanr] {
    display: block;
}


#components-reconnect-modal[b-1ld75ofanr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1ld75ofanr 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-1ld75ofanr 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-1ld75ofanr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-1ld75ofanr]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-1ld75ofanr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-1ld75ofanr {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-1ld75ofanr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-1ld75ofanr {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-1ld75ofanr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-1ld75ofanr] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-1ld75ofanr] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-1ld75ofanr] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-1ld75ofanr] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-1ld75ofanr] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-1ld75ofanr] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-1ld75ofanr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-1ld75ofanr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-1ld75ofanr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/LiveCountTextArea.razor.rz.scp.css */
.textarea-wrapper[b-cc2jjb0f6f] {
    position: relative;
    align-self: start;
}

.textarea-counter[b-cc2jjb0f6f] {
    position: absolute;
    bottom: var(--watts-spacing-075, 12px);
    left: var(--watts-spacing-100, 16px);
    font-size: var(--watts-font-size-075, 12px);
    line-height: var(--watts-line-height-m, 133%);
    color: var(--watts-content-subtle, #414458);
    pointer-events: none;
    background-color: var(--watts-bg-default, #ffffff);
    padding: 0 var(--watts-spacing-025, 4px);
    border-radius: 2px;
}

[b-cc2jjb0f6f] .watts-text-field-container {
    display: grid;
    grid-template: 1fr / 1fr;
    position: relative;
}

[b-cc2jjb0f6f] .watts-text-field-container--s .watts-text-field {
    grid-area: 1 / 1;
    height: var(--watts-sizing-250);
    margin-bottom: var(--watts-spacing-050);
}

[b-cc2jjb0f6f] .watts-text-field_label {
    grid-area: 1 / 1;
    align-self: start;
    justify-self: start;
    margin: -8px 0 0 12px;
    background: var(--watts-bg-default);
    padding: 0 var(--watts-spacing-025, 4px);
    z-index: 1;
    pointer-events: none;
    line-height: var(--watts-line-height-l, 133%);
    font-size: 11px;
}

[b-cc2jjb0f6f] .watts-text-area {
    display: grid;
    grid-template: 1fr / 1fr;
    position: relative;
}

[b-cc2jjb0f6f] .watts-text-field__input {
    grid-area: 1 / 1;
    height: 156px;
    line-height: var(--watts-line-height-m, 125%);
    font-size: var(--watts-font-size-100, 16px);
    min-height: 156px;
}

[b-cc2jjb0f6f] .watts-text-area label {
    grid-area: 1 / 1;
    align-self: start;
    justify-self: start;
    margin: -8px 0 0 12px;
    background: var(--watts-bg-default);
    padding: 0 var(--watts-spacing-025, 4px);
    z-index: 1;
    pointer-events: none;
    line-height: var(--watts-line-height-l, 133%);
    font-size: 11px;
}

[b-cc2jjb0f6f] .watts-combobox__interactive-wrapper, [b-cc2jjb0f6f] .watts-text-area > textarea, [b-cc2jjb0f6f] .watts-text-field {
    padding: var(--watts-spacing-100) var(--watts-spacing-075)
}
/* /Components/MessageListComponent.razor.rz.scp.css */
[b-mt7fnx1hul] .watts-message--error {
    border: var(--watts-border-width-200, 2px) solid var(--watts-border-error);
}

[b-mt7fnx1hul] .watts-message--warning {
    border: var(--watts-border-width-200, 2px) solid var(--watts-border-warning);
}

[b-mt7fnx1hul] .watts-message--info {
    border: var(--watts-border-width-200, 2px) solid var(--watts-blue-500);
}
/* /Components/NoReelCard.razor.rz.scp.css */
.no-reel-card[b-jbmkt1sfno] {
    padding: var(--watts-spacing-100, 16px) var(--watts-spacing-150, 24px);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
/* /Components/Pages/CreateRelease.razor.rz.scp.css */
.page-content[b-9y8rgpo295] {
    display: flex;
    flex-direction: column;
    padding: var(--watts-spacing-150, 24px);
    gap: var(--watts-spacing-150, 24px);
}

.create-release-footer[b-9y8rgpo295] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: var(--watts-spacing-100, 16px) var(--watts-spacing-150, 24px);
}

[b-9y8rgpo295] .watts-text-field:has(input:disabled) {
    border-color: var(--watts-border-interactive-disabled);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.wire-title[b-z9gwk6cvst] {
    font-size: 1.75rem;
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 133%;
}

.wire-title-bar[b-z9gwk6cvst] {
    display: flex;
    flex-direction: column;
    background-color: var(--watts-bg-default, white);
    width: 100%;
    padding: var(--watts-spacing-150, 24px);
    gap: var(--watts-spacing-075, 12px);
}

.wire-title-row[b-z9gwk6cvst] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
    flex-wrap: wrap;
}

.wire-title-actions[b-z9gwk6cvst] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
    flex-wrap: wrap;
    width: 100%;
}

.wire-title-search[b-z9gwk6cvst] {
    width: 500px;
    min-width: 0;
    flex-shrink: 0;
}

.wire-home-body[b-z9gwk6cvst] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-125, 20px);
    padding: var(--watts-spacing-150, 24px) var(--watts-spacing-150, 24px) var(--watts-spacing-500, 80px) var(--watts-spacing-150, 24px);
    flex-wrap: wrap;
    align-content: center;
}

[b-z9gwk6cvst] .account-group-card {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-100, 16px);
    width: 100%;
    border-radius: var(--watts-border-radius-50, 8px);
}
/* /Components/ReelCard.razor.rz.scp.css */
[b-iosduz22ws] .reel-row {
    padding: var(--watts-spacing-050, 8px) var(--watts-spacing-100, 16px) var(--watts-spacing-050, 8px) var(--watts-spacing-100, 16px);
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-100, 16px);
    width: 100%;
    align-items: center;
    align-self: stretch;
    flex-wrap: wrap;
}

[b-iosduz22ws] .reel-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--watts-spacing-025, 4px);
}

.reel-type-selector[b-iosduz22ws] {
    display: flex;
    width: 240px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--watts-spacing-025, 4px);
}

.reel-type-selector[b-iosduz22ws]  .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-250);
}

.reel-parallel-toggle[b-iosduz22ws] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-075, 12px);
}

[b-iosduz22ws] .reel-delete-button {
    padding: 0;
}

.reel-header[b-iosduz22ws] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-100, 16px);
}

.reel-type-name[b-iosduz22ws] {
    display: flex;
    align-items: center;
    width: 148px;
    gap: var(--watts-spacing-037, 6px);
    font-size: var(--watts-font-size-125, 20px);
    font-weight: var(--watts-font-weight-bold, 600);
    line-height: 120%;
}

[b-iosduz22ws] .inner-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: var(--watts-spacing-100, 16px);
}

[b-iosduz22ws] .inner-section-options {
    display: flex;
    flex-direction: row;
    padding: var(--watts-spacing-050, 8px) 0;
    justify-content: flex-end;
    align-items: center;
    gap: var(--watts-spacing-050, 16px);
}

[b-iosduz22ws] .inner-section-options ::deep svg {
    width: var(--watts-sizing-100, 16px);
    height: var(--watts-sizing-100, 16px);
}

[b-iosduz22ws] .subsection-title {
    display: flex;
    width: 148px;
    padding: 8px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

[b-iosduz22ws] .watts-combobox__interactive-wrapper {
    height: var(--watts-sizing-200);
}

[b-iosduz22ws] .watts-combobox__label {
    font-size: 11px;
}

[b-iosduz22ws] .watts-text-field-container--m .watts-text-field {
    height: var(--watts-sizing-200);
}

[b-iosduz22ws] .watts-text-field_label {
    font-size: 11px;
}
/* /Components/ReelTotals.razor.rz.scp.css */
.reel-total-row[b-n7on149axc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-125, 12px);
}

.est-total[b-n7on149axc] {
    display: flex;
}
/* /Components/ReleaseHeaderCard.razor.rz.scp.css */
[b-koskgr8vtc] .blanket-header-card {
    padding: var(--watts-spacing-100, 16px) var(--watts-spacing-150, 24px);
    background-color: var(--watts-bg-brand-bolder);
}

.title-group[b-koskgr8vtc] {
    display: flex;
    flex-direction: column;
    gap: var(--watts-spacing-050, 8px);
    flex: 1 0 0;
    color: var(--watts-contrast-brand-bolder);
}

.title-main[b-koskgr8vtc] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);
    align-items: center;

    font-size: var(--watts-font-size-150, 24px);
    font-weight: var(--watts-font-weight-regular, 500);
    line-height: var(--watts-line-height-l);
}

.title-description[b-koskgr8vtc] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-050, 8px);

    font-size: var(--watts-font-size-087, 14px);
    font-weight: var(--watts-font-weight-light, 400);
}

.blanket-amount[b-koskgr8vtc] {
    display: flex;
    flex-direction: row;
    gap: var(--watts-spacing-075, 12px);
    flex: 1 0 0;
    align-items: flex-end;

    font-size: 16px;
    font-weight: var(--watts-regular, 500);
    line-height: var(--watts-line-height-m, 125%);
}

.blanket-amount-label[b-koskgr8vtc] {
    max-width: 100px;
}
/* /Components/SemiStickyWrapper.razor.rz.scp.css */
.semi-sticky-wrapper[b-id7mi6cg0q] {
    position: sticky;
    top: 0px;
    z-index: var(--watts-z-index-sticky);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 8px;
    pointer-events: none;
}

.scroll-area[b-id7mi6cg0q] {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 200%;
    box-shadow: 0 0 64px 24px var(--watts-bg-bold);
    margin-top: 16px;
}
/* /Components/TabsComponent.razor.rz.scp.css */
.tabs-container[b-qn73l55ail] {
    border-radius: 6px;
    padding: var(--watts-spacing-025);
    display: inline-flex;
    background: var(--watts-bg-interactive-secondary);
}
/* /Components/WireStackLayer.razor.rz.scp.css */
.reel-input-spacer[b-uy9gjzqepj] {
    color: var(--watts-content-subtlest, #626684);
}

.reel-input[b-uy9gjzqepj] {
    display: flex;
    width: 140px;
    min-width: 110px;
    flex-direction: column;
    gap: var(--watts-spacing-025);
}

.pulling-heads-container[b-uy9gjzqepj] {
    display: flex;
    align-items: center;
    gap: var(--watts-spacing-050, 8px);
}

.pulling-heads-info-btn[b-uy9gjzqepj] {
    padding: 0;
    min-width: unset;
    flex-direction: column;
    align-items: flex-end;
}

.popover-btn-container[b-uy9gjzqepj] {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.move-layer-row[b-uy9gjzqepj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--watts-spacing-025, 2px);
}

.move-layer-row[b-uy9gjzqepj]  .watts-button {
    transition-duration: unset;
}